Hello-hexo -- hexo + github部署教程
前前后后搭了有两三天,终于算是搭好了。
写一写搭建过程,搭建方法,遇到的问题……反正这篇博客成分复杂
- 对历程不感兴趣的可以直接跳到搭建方法
搭建历程
开始有搭建的想法大约是高一下学期,那个时候接触了一些技术博客,并尝试着自己写博客。在感受到写博客的快乐与美好之后,搭建一个个人博客网站的想法被一个视频引起。
第一个想法
是一个知乎的视频,它具体教授了如何使用hexo与github pages 搭建博客。可惜我当时对于github完全没有接触,更不知道如何去使用。那个视频中还使用vim来编辑配置文件,当时我看的是一脸懵逼:他是如何保存那个文件的?ctrl s?不是,于是我在视频底下问他,却迟迟没有得到回复。第一次博客搭建计划失败
money
在之后,我接触了其他的搭建博客的方法,例如WordPress。然而使用WordPress需要自己去买域名(一年30~50)和服务器(一年100往上)。当时还在学校,资金没有来源,何况这也不是一笔小数目。那个时候在csdn还是博客园上写博客(先是在CSDN,但是由于它不可美化且页面广告太多,也不美观,就转去了博客园)也就安于现状了。
这期间学会了如何使用github,Markdown等工具,美化了自己的博客园,算是为之后做铺垫。
vim
高二下学期,经过互联网上各路网友的推荐,我去学习了vim,对于它的各种快捷键略知一二了。然而使用起来还是不习惯,平时就没有过多使用。但是我终于知道了vim编辑器的保存方式是 :wq
,于是兴冲冲地再去尝试,却被卡在了最后一步hexo d
, 怎么都无法上传,网上找了各种方法(其实就两种)也没用。再一次失败了……
转机
昨天,我再一次尝试搭建博客。这一次,我不能输!
既然github不行,那就用gitee。于是找了网上hexo + gitee的教程。不同于之前github的教程的是,之前用的是repo,而这次使用的是ssh。碰巧看到一个视频就是讲之前的hexo博客搭建实际上已经过时了。
考虑到gitee是国内网站,访问速度快,github访问不太稳定,于是想要使用gitee pages,可没想到,gitee居然还要实名认证:),实名时间还要1到2个工作日,我寻思有那么多人实名吗,我在博客园申请json权限,5分钟就通过了。更何况实名似乎根本就没有意义,国内的网站、软件环境都是这样,你就这么怕我们说什么东西吗??
还有为什么国内每个稍微大一点的网站都要手机号验证?真的蚌埠住,就这么不喜欢邮箱?邮箱不是都绑定过手机号了吗?
于是转用了github,访问的问题是使用了netlify免费代理。
搭建方法
以下命令均在cmd(windows)/控制台(mac)使用
本地hexo环境搭建
使用git --version
检查git是否安装
使用node -v
检查node是否安装
- 之后使用node安装hexo:
输入 npm install hexo-cli - g
安装hexo
开始搭建hexo
hexo init 文件夹名称(随你写)
比如hexo init huaziqi
,就会创建一个叫”huaziqi“的文件夹,该文件夹保存在根目录,找不到可以用计算机搜索功能找一下。
之后输入cd 你的文件名(你刚刚创建的那个)
cd 文件夹
的意思就是进入文件夹
cd ..
是退出文件夹
ls
是输出该文件夹下的所有文件夹和文件这些都是控制台的基本操作
进入文件夹之后输入npm install
,安装基本文件
hexo中的基本操作
hexo g
相当于编译,把你所有对于文件夹中的改变识别到,有错误的话会报错。
完成之后输入hexo s
就可以在本地访问你的网站
加载完应该是这样,进入 http://localhost:4000/ 就是你的博客在本地的样子。
==先别急着优化博客==,确认它能够被流畅访问先,不然失败了的话就很难受
部署博客到github
npm install hexo-deployer-git --save
下载上传的插件
获取ssh
据我所知,现在部署博客有两种方法,一种是用repo,另一种使用ssh密钥。之前失败就是使用的前者。所以现在是用后者。
- 注意,这些操作都是在你创建的hexo文件夹里进行的
1 | git config --global user.name "你的GitHub用户名" |
这两句进行后不会返回任何东西
1 | ssh-keygen -t rsa -C "你的GitHub注册邮箱" |
如果他问你Enter file in which to save the key (/Users/TMnoL/.ssh/id_rsa):
,你就填id_rsa
接着他会让你输入密码,注意这个密码自己==一定要记住==,之后每一次部署你的博客都需要你输入一遍
然后它会在该文件夹内产生两个文件:id_rsa、id_rsa.pub。
把这两个文件移动到上一级目录中的.ssh文件夹。
这个文件夹是隐藏的,如何查看隐藏文件夹,mac是
command+shift+.
,这东西自己百度就行。
绑定ssh到github
然后去github(未注册自行注册,用户名不要乱取哦)
之后点击自己的头像(右上角),点击settings。
在左列找到 SSH and GPG keys
点击new SSH key,把刚刚生成的id_rsa.pub里的东西全都粘贴到下面的 key 框里,title随便填就好。
Add SSH key
新建github库
建库不会自己去学。
注意:库的名称一定要是自己github的用户名+.github.io
比如我的用户名是huaziqi,那就要建叫 huaziqi.github.io,这也是之后你的网站名(当然自己有别的域名是可以改的)
仓库类型当然是public,公开的。
建好仓库以后打开仓库点击那个code,在里面吧SSH代码复制下来。
FINAL
回到创建的文件夹,找到_config.yml
文件打开。找到deploy,像我一样这么填。repo里填的是刚刚粘贴的SSH代码。保存文件。
到控制台输入hexo g
,加载完再输入hexo d
,输入生成id_rsa.pub时自己输入的代码,等待片刻就成功了。
访问你的用户名+github.io,其实就是你的仓库名。我的是huaziqi.github.io,欢迎来访问。
优化
github访问必然是太慢了
我们可以使用netlify进行优化,访问速度更快。
前往netlify站点注册账号,前往个人主界面点击site,然后Add new site, import an exsiting project
之后按照提示一步一步来就好了,不会的看下面这个教程
更换 markdown渲染器
竟然只用两个指令
- 卸载原来的渲染器
npm uninstall hexo-renderer-marked --save
- 下载新渲染器
npm i @upupming/hexo-renderer-markdown-it-plus --save
博客评论
不同主题支持的评论不同,当然,不支持的也可以自己配置。
经过多方选择,我选择的是valine。
原因
gitalk配置失败,找不到issue,主题配置文档里也没更新配置方法,有一两个多出来的变量。
twikko基于腾讯云,但是,使用未成年不能使用腾讯云(迷)
waline基于leancloud,但是使用国内版的话需要绑定域名(似乎要花钱),国际版的又被墙了。优点是评论提醒的途径很多,qq微信啥的
valine 虽然也是基于leancloud,但是他配置国内版的不需要绑定域名。缺点是随便什么人都能发(可能也是优点),但是在后台可以删除修改评论。
实时监控评论
如果邮箱手机号是没问题的,那使用他自带的邮箱功能当然是最好的了
但是如果像我这样平时手机都是欠费的学生来说,还有一个办法是使用实时监控网页的变化。去leancloud后台,数据化结构,实时监控Comment右边的数字,也就是评论数。
监控的道具我是用的是distill web monitor。浏览器拓展插件里搜一下应该就有了。
美化
去hexo.io找主题下载,那里还有官方文档可以参照。
主题配置每个主题下都有教程。
各个搜索引擎收录入口
让你的博客被更多的网站收录,访问
谷歌博客搜索收录入口:
http://blogsearch.google.com/ping
百度收录入口:
http://www.baidu.com/search/url_submit.html
百度博客收录入口:
http://utility.baidu.com/blogsearch/submit.php
必应Bing收录入口:
https://www.bing.com/toolbox/submit-site-url
搜索引擎批量提交:
http://www.freewebsubmission.com/
soso收录入口:
http://www.soso.com/help/usb/urlsubmit.shtml
360搜索引擎登录入口:
http://info.so.360.cn/site_submit.html
搜狗提交入口:
http://www.sogou.com/feedback/urlfeedback.php
盘古数据开放平台:
http://open.panguso.com/data/resource/url/new
简搜搜索引擎登陆口:
http://www.jianso.com/add_site.html
雅虎中国网站登录口:
http://sitemap.cn.yahoo.com/
网易有道搜索引擎登录口:
http://tellbot.youdao.com/report
中搜免费登录服务:
http://register.zhongsou.com/NetSearch/frontEnd/free_protocol.htm
MSN必应网站登录口:
http://cn.bing.com/docs/submit.aspx?FORM=WSDD2
Alexa网站登录入口:
http://www.alexa.com/help/webmasters
TOM搜索网站登录口:
http://search.tom.com/tools/weblog/log.php
铭万网B2B(必途)网址登陆口:
http://search.b2b.cn/pageIncluded/AddPage.php
蚁搜搜索网站登录口:
http://www.antso.com/apply.asp
快搜搜索网站登录口:
http://www.kuaisou.com/main/inputweb.asp
汕头搜索登录口:
http://www.stsou.com/join.asp
孙悟空搜索网站登录:
http://www.swkong.com/add.php
天网网站登陆口:
http://home.tianwang.com/denglu.htm
速搜全球登陆口:
http://www.suso.com.cn/suso/link.asp
酷帝网站目录提交入口:
http://www.coodir.com/accounts/addsite.asp
快搜网站登陆口:
http://www.kuaisou.com/main/inputweb.asp
搜猫搜索引擎登录入口:
http://test.somao123.com/search/url_submit.php
泽许搜索网站登录入口:
http://www.zxyt.cn/search/zxsc.php
一淘网开放搜索申请入口:
http://open.etao.com/apply_intro.htm?spm=0.0.0.40.9VF4FQ