hexo+gitee个人博客搭建
本文最后更新于 167 天前,其中的信息可能已经有所发展或是发生改变。

Views: 5

学习参考网址

这是全网最贴心的免费搭建个人博客的教程吧_hexo+gitee 完全免费的个人博客_超级详细 – 陶小桃 Blog

使用Hexo博客搭建的个人博客,使用Next主题来进行优化改造

比 github 和服务器 WordPress 方便,不需要翻 tz,而且可以免费,等这个过期或者搭建一个新网站都是一个不错的选择 Gitee – 基于 Git 的代码托管和研发协作平台 我直接 github 账号注册的

安装配置 node.js node.js是配置好的,镜像也更换好了

搭建hexo

npm install -g hexo

使用 npm root -g 命令来查看确切的路径

不是报错不管

建一个文件夹,以后里面存放博客内容,文件夹尽量不要用中文可能乱码

管理员权限打开git bash

hexo init GiteeBlog               //初始化Hexo项目
cd d:/git/myblog/GiteeBlog         //切换到项目目录
npm install                       //安装项目依赖

如果出现一堆警告报错,如图

使用rm -rf node_modules package-lock.json 来清理,然后重新运行 npm install

依然有版本不行,使用npm config set save-exact true 来确保安装确切版本的依赖

然后再npm install,然后就好了

已经安装了一个默认的主题了,我们可以打开看一下,这里记住两个最常用的的命令,就是

  1. hexo g :这个命令是用于生成(Generate)静态文件的。对 Hexo 网站的内容进行更改后,运行这个命令来重新生成静态文件,以便这些更改能够反映出来。生成的静态文件会存放在 Hexo 项目的 public 目录中。(hexo g 类似于c++里的编译)
  2. hexo s:这个命令是用于启动(Server)一个本地开发服务器的。本地预览 Hexo 网站。运行这个命令后,Hexo 会提供一个本地 URL,可以通过浏览器访问这个地址查看网站。(hexo s类似于c++里的运行

之后就可以直接在浏览器里输入这个网址http://localhost:4000 (别乱按ctrl+c,这是停止命令)

停止了也没事,再输入hexo s就可以,能打开这个页面,说明博客搭建出来了,右键复制粘贴

主题汉化

Hexo官网

在hexo根目录下 _config.yml中更改

language网站使用的语言。 默认为 en
主题支持三种语言:
en
zh-CN (简体中文)
zh-TW (繁体中文)

保存,打开git

git g
git s

如图汉化成功

更换主题

可以去hexo主题官网自己挑选主题

我选用了ButterflyButterfly主题的详细配置

butterfly主题

butterfly主题安装

  • Github 安装
  • Gitee 安装
  • NPM 安装

在你的 Hexo 根目录里执行:

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

升级方法:在主題目录下,进行 git pull

应用主题

修改_config.yml,把主题改为 butterfly:

theme: butterfly

安装插件

没有 pug 以及 stylus 的渲染器,下载安装(管理员身份哦)

npm install hexo-renderer-pug hexo-renderer-stylus --save

现在打开了

将博客托管到Gitee中

Git安装及使用笔记git和gitee也是配置好了

新建仓库

仓库创建成功

cd ~/.ssh          #检查本机是否已存在的ssh密钥

如果提示:No such file or directory 说明是第一次使用git。

Git安装及使用笔记参考里面ssh密钥生成

ssh -T git@gitee.com //测试是否成功,successfully已成功,因为在之前已经使用了ssh密钥

上传到 gitee

ssh key肯定要配置好
配置根目录下_config.yml中有关deploy的部分

需要特别注意的地方是,冒号后面必须有一个空格,否则可能会出问题。

deploy:
  type: git
  repo: https://gitee.com/用户名/仓库名  
  branch: master

接下来我们还需要安装一个插件,在 git bash 下输入

npm install hexo-deployer-git --save

如果没有安装插件,此时直接执行 hexo d 的话一般会报如下错误:(直接按步骤走了,所以我没有报错)

Deployer not found: gitee 或者 Deployer not found: git
hexo d

我没有弹出窗口,直接上传成功了!?

查看gitee上传成功

开启Gitee Pages

Gitee Pages 的一些主要特点包括:

  1. 免费托管:用户可以免费托管静态网站。
  2. 自动部署:支持从 Git 仓库自动构建和部署网站。
  3. 自定义域名:用户可以配置自己的域名指向 Gitee Pages 托管的网站。
  4. 访问统计:提供基本的访问统计信息。
  5. SEO 优化:支持一些基本的搜索引擎优化功能。
  6. 安全性:Gitee 提供的安全措施保护托管的网站。

hexo常用命令

常见命令

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #部署到GitHub
hexo help  # 查看帮助
hexo version  #查看Hexo的版本

缩写:

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy
版权声明

本网站名称:学海拾茜
本文链接:https://www.61lyf.top/hexogitee/
本网站的文章部分内容可能来源于网络,仅供学习与参考,如有侵权,请联系站长进行核实删除。
转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处并附带原文链接!!!
站长邮箱:cyg1900@outlook.com 或studygod825@qq.com ,如不方便留言可邮件联系。
上一篇
下一篇