本地环境配置
- windows系统
- git 下载gitforwindows 教程
- node.js 官网下载 注意:在Windows上安装时务必选择全部组件,包括勾选Add to Path。
Github Pages申请
- 申请Github账号;
- Create a new repository:name为账户名.github.io
然后就可以访问 https://账户名.github.io/
配置SSH
Hexo
之前node.js配置好了的前提下,很多指令也可以直接在cmd里面使用,但推荐使用git bash来完成,git bash可以使用一些Linux的指令,比如ls等,比cmd要方便。
安装
$ npm install -g hexo-cli
初始化
$ hexo init <folder>
$ cd <folder>
$ npm install
More info: 建站
本地运行
$ hexo server
该命令可简写为
$ hexo s
默认情况下,访问网址为: http://localhost:4000/。
More info: 指令
部署
安装 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: 部署
Themes--Next
基本使用根据官方文档配置即可,注意_congif.yml文件会有两处,分别为“站点配置文件”和“主题配置文件”,不要配置错了。
坑
- git相关的坑:因为本身对git的使用不是十分熟练,所以过程中出了问题多google、百度就对了;
- 用下载稳定版的方式下载next源码,需要把hexo-theme-next文件夹改命为next;
- Next主题里的search的配置:Local Search
- 源码:部署只会把编译之后的public文件夹里的内容部署到github.io项目里;想要上传源码需要新建项目单独上传。
- next使用克隆最新版本的方式获取的时候在上传到自己的github项目的时候会报错,因为git用的不6,所以直接删掉了next里面的.git文件夹,把next当成本地文件重新add上传;
- 侧边栏社交链接图标:因为使用的是Font Awesome图标库,所以有些是找不到图标的,比如知乎,简书。。。