hexo|hexo + gihub pages搭建个人博客
准备工作
我的环境是在mac上进行的搭建
- 安装git
- 安装node
安装hexo
hexo 的官放文档有介绍如何安装以及指令,api等
- 找到合适的目录
$ npm i hexo-cli -g
- 【hexo|hexo + gihub pages搭建个人博客】建站
$ hexo init
$ cd $ npm install //很重要
这样一个hexo就创建完成(的确很简单)具体的配置参考官网 配置
- 基本操作(当然官网讲的更加详细)
init
$ hexo init [folder]
新建一个网站。如果没有设置 folder ,Hexo 默认在目前的文件夹建立网站。
new
$ hexo new [layout]
新建一篇文章。如果没有设置 layout 的话,默认使用 _config.yml 中的 default_layout 参数代替。如果标题包含空格的话,请使用引号括起来。
generate
$ hexo generate
生成静态文件。
选项描述
-d, --deploy文件生成后立即部署网站 -w, --watch 监视文件变动
该命令可以简写为
$ hexo g
server
$ hexo server
启动服务器。默认情况下,访问网址为: http://localhost:4000/。
选项 描述
-p, --port重设端口 -s, --static只使用静态文件 -l, --log启动日记记录,使用覆盖记录格式
deploy
$ hexo deploy
部署网站。
参数描述
-g, --generate部署之前预先生成静态文件
该命令可以简写为:
$ hexo d
clean
$ hexo clean
清除缓存文件 (db.json) 和已生成的静态文件 (public)。
在某些情况(尤其是更换主题后),如果发现您对站点的更改无论如何也不生效,您可能需要运行该命令。
还有许多的指令 参考官网指令
现在一切都还在本地,要在网络上查看,需要github pages的配合
- 首先要有个github账号(具体的配置 是另一回事了这里只说如何做一个github pages)
- 新建一个仓库 名字要和你的用户名一样
比如 :你的用户名字叫 zhangsan ; 那么就创建一个名字为zhangsan.github.io仓库
- 在刚才创建的hexo文件项目中 找到
_config.yml
配置文件
在配置文件的最后加上一下代码
## _config.yml deploy: type: git repo: git@github.com:zhangsan/zhangsan.github.io.git ##是github上新建的那个仓库地址 branch: master
- 在hexo项目中
hexo new myblog hexo g hexo d
然后打开https://github.com/zhangsan/zhangsan.github.io
就可以看见你的博客了
- 去官网找一个自己喜欢的主题
- 进入主题的github
- 在hexo项目中,进入themes目录中
- git clone ...主题的项目地址
- 在_config.yml配置文件中 修改为
theme: 下载的主题名称
; - 重新生成
```
hexo clean
hexo g
hexo d
```
就完成了主题的更换
将自己的域名关联到Github Pages上
由于个人的原因(没有准备好的域名)所以直接搬运别人的教程,以后再慢慢研究
在 \hexo\source 文件夹下创建文件 CNAME (新建记事本文件命名
- 购买域名
- 配置CNAME文件
CNAME,然后打开)
内容为你的域名,例如我的域名是:ryane.topsry 后续继续更新。。。。
- 绑定域名
推荐阅读
- Hexo代码块前后空白行问题
- 如何使用|如何使用 gh-pages 部署 vue 应用
- 【hexo指南】hexo配置ER图流程图时序图插件
- Deploy static web pages for free with 4everland
- GitHub+Hexo|GitHub+Hexo 搭建博客网站
- cache数据库
- 小程序踩坑之路|小程序开发(未找到 app.json 中的定义的 pages “pages/index/index“ 对应的 WXML 文件)
- Hexo|Hexo 一篇文章多个 categories
- Hexo博客部署到腾讯云服务器全过程(Nginx,证书,HTTPS),你要的这里都有
- Web3初体验,我为什么放弃使用Github|Web3初体验,我为什么放弃使用Github Pages