hexo+github 搭建个人博客及美化

2022-02-25 13:39:05 浏览数 (1)

首先

官方文档 是我们的第一手资料,也是最好的。 安装 Hexo 相当简单。然而在安装前,您必须检查电脑中是否已安装下列应用程序:

  • Node.js
  • Git

hexo 安装

如果您的电脑中已经安装上述必备程序,那么恭喜您!接下来只需要使用 npm 即可完成 Hexo 的安装。

1

npm install -g hexo-cli

建站

安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

1 2 3

hexo init <folder> cd <folder> npm install

为一个文件夹的名字 新建完成后,指定文件夹的目录如下:

1 2 3 4 5 6 7 8

. ├── _config.yml ├── package.json ├── scaffolds ├── source | ├── _drafts | └── _posts └── themes

安装 hexo 插件

全装上吧,没事。

1 2 3 4 5 6 7 8 9 10 11 12 13

npm install hexo-generator-index --save npm install hexo-generator-archive --save npm install hexo-generator-category --save npm install hexo-generator-tag --save npm install hexo-server --save npm install hexo-deployer-git --save npm install hexo-deployer-heroku --save npm install hexo-deployer-rsync --save npm install hexo-deployer-openshift --save npm install hexo-renderer-marked@0.2 --save npm install hexo-renderer-stylus@0.2 --save npm install hexo-generator-feed@1 --save npm install hexo-generator-sitemap@1 --save

本地查看效果

执行下面语句,执行完再登录 localhost:4000 查看效果(执行完不要按 Ctrl C,不然就停止了)

1 2

hexo g hexo s

其他步骤在这里不赘述,参见 超详细教程 安卓上搭建 hexo 博客

部署

1

hexo g -d

部署后我们可以浏览器搜 username.github.io 查看自己的博客效果,比如我的 lruihao.github.io

美化

这些美化都写的很详细,我建议你们自己好好看看吧,我也是在这里看到的,如果问我和这里说的是一样的。