hexo博客搭建教程
部署hexo需要用到的东西:
- 部署hexo可以没有服务器可以没有域名,但只需要你有一台电脑.
- 需要一个GitHub的账号没有的话可以“点击此处注册一个”
- git软件:下载地址
- node.js软件:下载地址
- vs coed软件:下载地址
- 搭建完成之后写文章的typora(当然你也可以用vscode):下载地址
以上网站均为国外网站如果打不开的话建议先更改一下dns,或者找第三方下载站,其中vscode安装一个插件就可以变成简体中文.
配置环境:
注:这里默认已经把上面的软件全部安装完毕了!
- 首先是npm(node.js),设置下载的镜像服务器是淘宝镜像,大陆网络都懂.用
cmd
或者PowerShell
属于一下命令.
1 | npm config set registry https://registry.npm.taobao.org |
测试是否成功:
1 | npm config get registry |
如果返回:
是成功.
- vscode改中文这篇文档:https://www.php.cn/tool/vscode/464167.html 也顺便再安装一个叫yml的插件方便改配置文件的时候不容易报错.
hexo框架部署:
首先你可以选择本机的任意一个地方进行部署,但我推荐找一个磁盘的根目录创建专门对hexo的文件夹方便管理.
例如:C\hexo
我再C盘下的根目录创建了一个叫hexo进去到文件夹右键,git bash here
输入:
1 | npm install hexo-cli -g |
然后:
1 | hexo init |
此时你博客文件夹下就会多出很多文件,如果没有多试几次,因为要从GitHub上下载.
此时在输入:
1 | hexo g && hexo s |
然后Windows防火墙会弹出警告:
允许之后打开浏览器输入:http://localhost:4000
将会有hello word的文章.
回到原来的窗口,ctrl+c断开.
配置网站:
使用vs code打开目录下的_config.yml
文件.
1 | title: 某科学的贝壳 #网站标题 |
其他的暂时不要动了,网站时间如果是大陆朋友就不要动了哦~
关于主题?:
主题这里博主使用的是jerryc127大佬的Butterfly当然也可以前往https://hexo.io/themes/或者去[GitHub](GitHub.com)找找吧.
部署到GitHub
创建GitHub仓库
登录你的GitHub-来创建一个仓库:
然后点击create a license.
配置git用于连接GitHub
右键博客目录,选择Git Bash Here,安装git部署器.
1 | npm install hexo-deployer-git --save |
继续输入:
1 | git config --global user.name "GitHub 用户名" |
再博客目录下用vs code打开_config.yml
,最底下会有一个Deployment
或者叫deploy
1 | deploy: |
现在可以推送到GitHub,在Git Bash Here,输入:
1 | hexo g && hexo d |
显示:INFO Deploy done: git
,代表成功了,现在访问用户名
.GitHub.io就可以了(如果没有等一等).
自定义域名:
这一步需要域名哦,没有的话推荐腾讯云注册一个.
- 在博客目录下找到
source
文件夹,新建一个文本文件,填写完你的域名之后保存,名字改成CNAME
去掉.txt哦 - 在你购买的域名服务商,添加CNAME解析记录记录值就是你
用户名
.GitHub.io.
hexo常用命令:
1 | hexo n "第一篇博文" |
新建一篇文章,文章名称和标题分别为 第一篇博文.md 和 第一篇博文.
此时会在站点根目录下的—->source—–>_post文件夹下生成 第一篇博文.md文件, 第一篇博文.
md文件的顶部(—–分割线上方区域,也称作Front matter区)
1 | hexo g #生成HTML静态网页生成文件在给目录下的 public g是generate |
总结:
hexo搭建并不困难,唯一麻烦的地方就是推送到GitHub或者服务器,但其实本质就是把根目录下的public
下的文件推送上去,当然服务器需要安装hexo进行解释.
写作方面就是需要了解一下MakrDown的基本使用就可以了.
改主题和背景,一定要详细看每个主题的官方文档,基本上就可以大差不差,如果要添加其他的花里胡哨的东西看点前端三剑客(html,css,js)基本上就可以了
以上说的仅为个人观点,欢迎大家来进行交流.