- 花费了将近十个小时,查阅了上百篇资料,终于搭建好了自己的第一个博客,就以这第一篇博客纪念我走过的坑 预览网站
- 2023.0218:补充更新内容
一、注册GitHub
Github官网创建账户登录之后,新建一个名称为账户名.github.io
的代码仓库,可以通过http://<
username>
.github.io
来访问你的个人主页
二、安装基础环境
2.1 Linux
Linux版本太过久远,现在命令可能变化了
环境
- 系统版本:Ubuntu 17.04
安装Git
使用以下命令
1 | $ sudo apt-get install git |
检查版本
1 | $ git --version |
安装Node.js
- 可以选择从官网的源码安装
- 从NodeSource安装
1 | # 以 sudo 用户身份运行下面的命令,下载并执行 NodeSource 安装脚本 |
检查版本
1 | $ node -v |
安装npm
执行命令:
1 | $ sudo apt-get install npm |
2.2 Window
Window上使用powershell作为终端环境
nvm
window上使用nvm来管理nodejs的版本
主要命令:
1 | # 安装指定版本的nosdejs |
nodejs安装好之后,npm也自动一并安装了
三、Hexo配置
安装hexo
安装命令:
1 | $ npm install hexo-cli -g |
博客初始化根目录:
1 | $ hexo init #初始化博客所在根目录 |
一些常用命令:
1 | $ hexo g #或者hexo generate //生成静态页面 |
打开http://localhost:4000/
已经可以看到一篇内置的blog了
1 | $ hexo d #或者hexo deploy //部署博客到远程 |
本地查看hexo s
命令可能出现错误,使用如下命令可以解决
1 | $ hexo s -s |
更换主题(eg:yilia)
1 | $ cd /blog/themes #切换到主题目录 |
修改Hexo目录下的_config.yml
配置文件中的theme
属性,将其设置为yilia
(根据主题名称设定)
使用hexo deploy部署
如将代码部署到github,在配置文件 _config.xml中作如下修改:
1 | deploy: |
使用如下命令,即可完成部署,即可在github上创建的仓库里看到代码
1 | $ hexo d |
该处需要安装一个拓展
1 | $ npm install hexo-deployer-git --save |
绑定域名
在source
目录下新建一个名为CNAME
的文件,文件内填域名即可
参考
参考链接: - 令狐葱@前端笔记
原文链接: https://www.delta1037.cn/2017/Deploy/Hexo+Github搭建博客/
版权声明: 转载请注明出处.