hexo博客搭建

1.安装node.js

官网下载地址：https://nodejs.org/en/

image-20220626211032683

win+r 输入 cmd进入命令行，查看node版本

node -v  
npm -v
SHELL

image-20220626211351736

安装cnpm,使用国内镜像淘宝

npm install -g cnpm --registry=https://registry.npm.taobao.org
SHELL

image-20220626211846244

2.安装hexo-cli

cnpm install -g hexo-cli
SHELL

验证是否安装成功

hexo -v
SHELL

image-20220626212125717

3.搭建博客

创建blog文件夹（也可直接右键新建文件夹）,并进入这个目录

mkdir blog
cd blog
SHELL

初始化博客

hexo init
SHE

image-20220626213331108

启动博客(hexo start)

hexo s
SHELL

image-20220626213626123

访问地址：http://localhost:4000/

发表文章

hexo n "我的第一篇博客文章"
SHELL

image-20220626213848753

对source_posts\我的第一篇博客文章.md进行修改

清理

hexo clean
SHELL

生成文章(hex generate)

hexo g
SHELL

image-20220626214413405

重新开启服务器,输入网址就可以看到发表的文章

hexo s
SHELL

image-20220626214648677

4.博客部署到github

1.登陆github创建一个新仓库

注意：仓库名字：域名.github.io

image-20230320164641153

2.创建成之后,安装hexo-deployer-git

cnpm install --save hexo-deployer-git
SHELL

image-20220626215632470

3.在blog文件夹下修改_config.yml

修改_config.yml文件末尾的内容

repo里面填写github仓库地址

branch 填写分支

注意：这个仓库地址不可用，不能随便起域名 vip.github.io不行。要用自己的github用户名

用户名.giuthub.io

image-20220626220034307

deploy:
  type: 'git'
  repo: 'https://github.com/dengerpu/dengerpu.github.io.git'
  branch: 'master'
YML

image-20230320164750208

4.部署到远端

hexo d
SHELL

5.访问

地址:https://vip.github.io

更改后的地址:https://dengerpu.github.io

最后发现vip域名被占用了，就换了个域名重新部署到远端（更改下仓库名，和_config.yml里面的配置，再次部署到远端即可 hexo d）

5更改博客主题

地址：https://github.com/litten/hexo-theme-yilia

1.下载主题

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
SHELL

2.修改_config.yml这个文件

theme: yilia
YML

image-20220626222203188

3.重新清理，生成

hexo clean
hexo g
SHELL

4.重新开启博客服务器

hexo s
SHELL

5.推到远端

hexo d
SHELL

6.博客常用命令

Create a new post（发表文章）

hexo new "My New Post"
SHELL

More info: Writing

Run server（运行服务器）

hexo server
SHELL

More info: Server

Generate static files（发送到服务器）

hexo generate
SHELL

More info: Generating

Deploy to remote sites（部署到远程站点）

hexo deploy
SHELL

7.更换Hexo Fluid主题

参考网址：https://hexo.fluid-dev.com/docs/start/

Hexo 5.0.0 版本以上，推荐通过 npm 直接安装，进入博客目录执行命令：

npm install --save hexo-theme-fluid
SHELL

然后在博客目录下创建 _config.fluid.yml，将主题的 _config.yml 内容复制过去

地址：https://github.com/fluid-dev/hexo-theme-fluid/blob/master/_config.yml

如下修改 Hexo 博客目录中的 _config.yml：

theme: fluid  # 指定主题

language: zh-CN  # 指定语言，会影响主题显示的语言，按需修改
YML

乱码解决方案：

image-20220822233010154

_config.fluid.yml文件通过vscode打开，设置使用utf-8编码，不过其他注释会乱码。我们再复制之前的覆盖掉这个就可以了。