最近开始尝试搭建自己的个人博客,网上教程都很完善但是实际操作的过程中还是遇到了一些问题(怎么别人看着这么搞都好好的我就出错了呢(恼
搭建博客用的是hexo + github pages,hexo作为主流的博客框架,由于用户多碰到问题的解决方式会比较全面,而且创建是台湾人所以官网对中文的支持也很友好,github pages方便快捷还免费,但是github经常抽风登不上所以找个好用的梯子还是挺有必要的
过程参考hexo官网hexo
安装前置
安装hexo前需要安装node.js和git
node.js的安装使用官方安装程序即可,安装的同时也会安装好npm,这是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,后续的hexo安装也基于此
安装好后可以检查是否安装成功
1 | node -v |
git安装可以前往官网或者考虑国内镜像源
检查是否安装成功
1 | git --version |
安装hexo
完成前置安装后,就可以利用npm安装hexo,新建文件夹blog,之后关于博客的所有操作都在此目录下完成
在blog下打开git bash或按住shift右键打开cmd(推荐使用git bash)使用命令
1 | npm install -g hexo-cli |
在全局安装hexo,安装完成后可以运行hexo -v检查是否安装成功
如果网络问题导致下载过慢,也可以使用淘宝镜像源进行下载:
首先使用npm安装cnpm
1 | npm install -g cnpm -registry=https://registry.npm.taobao.org |
使用cnpm -v检查是否安装成功后,运行
1 | cnpm install -g hexo-cli |
即可使用淘宝镜像源安装hexo
建站
完成所有安装流程后,就可以开始使用hexo搭建个人博客了
在blog目录下打开git bash/cmd
1 | hexo init blog |
等待一段时间,初始化完成后指定文件夹的目录如下
/.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
至此博客安装已经完成,git bash中输入
1 | hexo s |
启动博客
hexo默认的启动端口为4000,在浏览器输入localhost:4000即可进入博客页面,如果无法进入,可能原因:
4000端口被占用,此时可以选择关闭占据端口的进程,或让hexo在别的端口运行
1
hexo s -p 5000
此处设置hexo在5000端口运行,相应的使用localhost:5000访问博客页面
未开启IIS服务(Internet Information Services),在设置 -> 程序 -> 启用或关闭windows功能中找到IIS并勾选即可
将hexo部署到github
博客只能在本地访问肯定是不够的,为了能够远程访问,可以选择将其部署到github pages上
—————————此处省略一些git初始化的配置比如user.name啥的——————————
在github上新建一个仓库,命名为用户id.github.io,github会自动识别这个仓库为github pages,如图
接下来要修改配置文件,找到blog目录下的_config.yml文件(注意每个冒号后面都有一个空格),在其的最下部分,将文件修改为
1 | deploy: |
注意将id修改为github的用户名,保存退出后,运行
1 | npm install hexo-deployer-git --save |
如果github未设置ssh,在deploy时需要输入username和password
上述命令运行完后,就可以在id.github.io上查看自己的博客了
修改主题
如果不满足于默认主题,hexo支持自定义主题,也可以使用别人写好的主题,以yilia为例
首先将yilia clone到本地库中,路径为./themes/yilia
1 | git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia |
并且再次修改配置文件,在配置文件中找到
1 | theme: landscape |
修改为
1 | theme: yilia |
保存退出后,运行
1 | hexo clean |
即可在4000端口看到更新的主题