记一次搭建hexo个人博客的心得
前提:要有node环境和git,使用node -v和git -v检测
1. 首先用淘宝镜像源cnpm代替npm(registry: 镜像)
sudo npm install -g cnpm -registry=https://registry.npm.taobao.org
说明:-g全局安装,使用淘宝镜像源cnpm
//也可以直接安装,不花里胡哨
npm install hexo-cli -g
2. 输入cnpm看控制台是否报错
解决方案
//安装要自己配置软链接,亲~
sudo ln -s ~/node/bin/cnpm /usr/local/bin
sudo ln -s ~/node/bin/hexo /usr/local/bin
3. 初始化一个博客
//记得sudo
sudo hexo init blog
//创建
hexo n
//new一篇文章(要在source文件夹中)
vim xxx.md
//使用Markdown格式编辑,在初始化后会自动生成新的文章
4. 运行
hexo server
//运行服务器,可以简写成hexo s,在localhost:4000上可以查看网页
5. 换主题(有git)
官网链接:https://hexo.io/themes/
1. 进入目录下下载,下载到blog(当前应用名称目录下)的themes中
git clone https://github.com/xaoxuu/hexo-theme-material-x
这是推荐的一个主题,但是貌似有bug,慎用。
2. 编辑_config.yml
找到 Extensions中的theme,在文档末尾处
theme: hexo-theme-cutie//改成放在themes下的文件夹名称即可
3. 载入主题
hexo clean //清除缓存
hexo g //重新生成
hexo s //即可看到主题更换之后的效果
6. 推到git服务器上
#####1. 安装一个插件
cnpm install --save hexo-deployer-git
2. 编辑_config.yml
调到配置文件文档末尾,找到deploy
deploy:
type: git
repo: git@github.com:congyaqwq/congyaqwq.github.io.git
// 自己的github仓库地址,新建仓库名称一定是用户名.github.io
branch: master
3. 部署到服务器hexo deployment
hexo d 上传到服务器
最后可以直接使用用户名.github.io访问
成品可以点击