Hexo建站流程全记录
Last Update:
Word Count:
Read Time:
建站缘由
有些东西过不了审,不方便给他人查看,于是就利用Hexo框架搭建了一个个人博客,部署在Github上,取名为“zstar的安全屋”。
链接:http://xdxsb.top
安装Git Bash
无需多言,下载链接:https://gitforwindows.org/
安装NodeJs
无需多言,下载链接:https://nodejs.org/en/
安装hexo
先创建一个文件夹,例如:blog
,cd到对应路径,输入
1 |
|
执行初始化命令:
1 |
|
下面是初始化后中各模块作用:
- node_modules:依赖包
- public:存放的是生成的页面
- scaffolds:命令生成文章等的模板
- source:用命令创建的各种文章
- themes:主题
- _config.yml:整个博客的配置
- db.json:source解析所得到的
- package.json:项目所需模块项目的配置信息
Github创建仓库
创建时,仓库需命名为:zstar1003.github.io
(zstar1003为我的用户名,后面同理)
创建好后,在git bash中配置信息:
1 |
|
配置SSH免密登录
在git bash中输入:
1 |
|
在相应路径下找到id_rsa.pub
文件,将其中的内容复制到如图所示位置处:
配置完成后,验证是否配置成功:
1 |
|
修改配置参数
修改_config.yml
文件,在最后添加:
1 |
|
回到gitbash中,分别执行:
1 |
|
然后打开浏览器,输入http://localhost:4000
,即可看到本地部署内容。
注:Hexo逻辑是把配置文件生成的东西打包成一个public
,每次重新生成都会新建文件,因此不建议去改public文件夹中的内容。
Github部署
安装依赖:
1 |
|
之后,每次编辑完,输入这行命令即可部署:
1 |
|
注:首次输入会弹出窗口需验证登录
绑定域名
我这里使用的是阿里云的域名,在阿里云后台中,设置域名解析如下:
在项目的source文件夹下新建一个名为CNAME
的文件,在里面添加自己的域名。
重新部署,稍等片刻即可生效。
选择主题
最近入坑了舟游,因此在Github上选择了一套方舟主题[3]。
依然是在Blog
根目录下:
首先进行拷贝:
1 |
|
安装依赖:
1 |
|
修改_config.yml
文件:
1 |
|
剪切themes/arknights/_config.yml
到Blog目录下,并重命名为_config.arknights.yml
。
重新部署即可生效。
新建文章
输入命令:
1 |
|
article为md文件名,输入完之后在source/_posts/
路径下会生成md文件,可以直接进行编辑。
更多操作可查阅官方文档[2].
参考
[1] hexo从零开始到搭建完整 https://www.cnblogs.com/visugar/p/6821777.html
[2] hexo官方文档 https://hexo.io/zh-cn/docs/
[3] 明日方舟主题 https://github.com/Yue-plus/hexo-theme-arknights