Hexo + Github + 自定义域名(阿里免费SSL证书) 搭建个人博客/网站

最终成果: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

当然,此时默认的主题是无法满足你的

更换主题

主题官网:https://hexo.io/themes/

到主题对应的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

发布了9 篇原创文章 · 获赞 4 · 访问量 2816

猜你喜欢

转载自blog.csdn.net/weixin_44129672/article/details/104763893
今日推荐