本地环境配置
windows 系统
git 下载 gitforwindows https://gitforwindows.org/ 教程 https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
node.js 官网下载 https://nodejs.org/en/ 注意: 在 Windows 上安装时务必选择全部组件, 包括勾选 Add to Path.
Github Pages 申请
申请 Github 账号;
Create a new repository:name 为账户名. github.io
Create a new repository
然后就可以访问 https:// 账户名 http://.github.io/
配置 SSH
- SSH https://blog.csdn.net/qq_35246620/article/details/69061355?locationNum=11&fps=1
- Hexo
Hexo 官方文档 https://hexo.io/zh-cn/docs/index.html
之前 node.js 配置好了的前提下, 很多指令也可以直接在 cmd 里面使用, 但推荐使用 git bash 来完成, git bash 可以使用一些 Linux 的指令, 比如 ls 等, 比 cmd 要方便.
安装
$ npm install -g hexo-cli
初始化
- $ hexo init <folder>
- $ cd <folder>
- $ npm install
More info: 建站 https://hexo.io/zh-cn/docs/setup.html
本地运行
$ hexo server
该命令可简写为
$ hexo s
默认情况下, 访问网址为: http://localhost:4000/ .
More info: 指令 https://hexo.io/zh-cn/docs/commands.html
部署
安装 hexo-deployer-git 插件
$ npm install hexo-deployer-git --save
修改配置文件
修改根目录下的_config.yml 文件
- deploy:
- type: git
repository: git@github.com:wangshouz/wangshouz.github.io.git
branch: master
指令部署
- $ hexo clean
- $ hexo g
- $ hexo d
等待执行完毕, 即可以访问 用户名. github.io 来查看自己的博客主页
More info: 部署 https://hexo.io/docs/deployment.html
Themes--Next
官方文档 http://theme-next.iissnan.com/getting-started.html
基本配置 http://theme-next.iissnan.com/theme-settings.html
基本使用根据官方文档配置即可, 注意_congif.yml 文件会有两处, 分别为 "站点配置文件" 和 "主题配置文件", 不要配置错了.
坑
git 相关的坑: 因为本身对 git 的使用不是十分熟练, 所以过程中出了问题多 google, 百度就对了;
用下载稳定版的方式下载 next 源码, 需要把 hexo-theme-next 文件夹改命为 next;
Next 主题里的 search 的配置: Local Search http://theme-next.iissnan.com/third-party-services.html#local-search
源码: 部署只会把编译之后的 public 文件夹里的内容部署到 github.io 项目里; 想要上传源码需要新建项目单独上传.
next 使用克隆最新版本的方式获取的时候在上传到自己的 github 项目的时候会报错, 因为 git 用的不 6, 所以直接删掉了 next 里面的. git 文件夹, 把 next 当成本地文件重新 add 上传;
侧边栏社交链接图标: 因为使用的是 Font Awesome 图标库, 所以有些是找不到图标的, 比如知乎, 简书...
我的博客
效果 https://wangshouz.github.io/
源码 https://github.com/wangshouz/blog
来源: http://www.jianshu.com/p/12f7b1daf776