最终成果:mew.wiki 欢迎您的到访~
前提准备:
- nodejs 环境
- 自己的域名(没有也可以,就使用github page默认提供的)
安装Hexo
官方文档: https://hexo.io/zh-cn/ (看官方文档就能完成,没什么难度)
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server
当然,此时默认的主题是无法满足你的
更换主题
到主题对应的github项目地址,下载最新的发行版,解压后把整个文件夹放到上述的 blog/themes/ 文件夹下
然后再修改_config.yml文件里的 theme 值为 主题文件夹的名字,完成。
具体的参数修改基本都在根目录的_config.yml与主题目录下的_config.yml里面进行配置,具体可以参考文档
托管到Github
首先在github上新建一个项目,项目取名就跟下面红框里保持一致,“mew97”必须是你自己的github账户名字,否则最后个人网站的网址可能就不如你意了。
然后在_config.yml里面配置也如下,分支选 master 以避免不必要的麻烦
最后运行如下命令,第一次会提示你输入github的用户名和密码
npm install hexo-deployer-git --save
hexo clean && hexo deploy
讲道理过一会儿在浏览器输入 “mew97.github.io” 就能看到你的个人博客了
如果没有,请在github上确认这个项目的默认分支是否是master,不是的话设置一下
更换自定义域名
- 首先去你的域名解析网站添加2个解析:
- 在github上这个项目的根目录下添加 CNAME 文件,名字就叫 CNAME 内容就是你自己的域名(当然最好是把这个文件放在本地项目根目录的source/下,然后一起发布上去)
讲道理,过一会儿通过你自己的域名就能访问你刚刚搭建的站点了,只要你github上项目设置页面里是如下显示的就没问题
利用阿里云免费一年的SSL证书把你的域名变成https://
- 购买免费证书
- 然后绑定自己的域名,提交审核,不一会儿审核就会通过,如下就ok了
- 然后还是去刚刚github项目设置那个地方,把这个勾勾给打上
此时,大功告成,以上步骤访问个人网站失败的时候多等一下,有时候延迟会高一点,我操作的时候均不超过5分钟,证书审核时间会长一点
另外我会再分享一下美化博客有用的插件,感兴趣的话大家可以关注我 mew.wiki