记录一次基于hexo博客主题的博客搭建全过程

hexo框架部署到github+coding,并修改域名

部署到github上:
  1. 首先需要下载能让node.js环境,node.js官网下载即可,这里推荐下载lts版本(长期支持版),之后就是傻瓜式安装,一直下一步,安装之后打开cmd,这时可以输入命令node -vnpm -v来查看自己是否安装成功。
  2. 装完之后我们就可以使用npm命令,由于npm安装东西时,访问的时国外的服务器,所以我们这里引用淘宝的镜像源,这样就可以下载速度更快一些,cmd终端输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.然后就可以使用淘宝镜像源下载东西了,首先安装hexo框架cnpm install -g hexo-cli,(因为绑定淘宝镜像源后就可以用cnpm代替npm了)
4.建立一个放博客的目录,然后到这个目录下,cmd输入代码hexo init,一段时间后,初始化完成后,目录就会多许多文件,如下:

5.然后cmd下输入命令:hexo s(即启动hexo服务),游览器进入网址120.0.0.1:4000,这时会看到以下页面:

这是hexo默认的一个主题,如果想更换,可以在官网找主题下载,这是主题传送门
点击图片即预览主题,点击名字即进入主题下载,我这里推荐的是matery主题,这是下载传送门
如果想更换其他主题,只需在相应的下载界面下载zip压缩文件即可,如下:
下载之后解压,把整个文件夹复制到自己博客目录的themes下

文件夹的名字改为matery,
6.这时在根目录下有一个_config的文件主题文件夹也有对应的_config的文件,这分别对应博客配置文件,主题配置文件。打开博客配置文件

title、author、都可以改,language:改为zh-CN,
url可以改为自己的域名,
滑到最后,把theme改为matery,(注意:后面有一个空格)
这时保存,cmd下,依次运行命令,hexo clean (清理) ,hexo g(生成),hexo s(运行)再打看游览器进入网址即可看到如下页面:
主题即替换成功。
7.进入github官网,注册账号后,新建一个仓库,细节如下:

8.建立好之后,进入博客设置中:

type: git
repo: git@github.com:Github用户名/github用户名.github.io.git  
//也可使用https地址,如:https://github.com/Github用户名/Github用户名.github.io.git            
branch: master


配置好之后,这时需要向github仓库中推文件的插件,
cmd下运行命令cnpm install hexo-deployer-git --save
然后,运行代码,hexo clean,hexo g,hexo d
(注意:这里会弹出相应的弹窗让你输入用户名和密码的,下面的coding部署也同理)
这时游览器输入你的仓库名,例如vrerain.github.io,这时就会看到你的博客页面,相应配置的修改,包括评论系统的添加,都可以看这篇文章,这里就不多说了。

部署到coding上

1.注册,新建团队,团队名称自己随意,然后新建项目,新建一个DevOps项目:

然后复制自己的项目地址:

将自己博客的博客配置文件中的repo:改为如下样子,但是相应的地址改为自己的:

然后接着执行三条命令:hexo clean,hexo g,hexo d
这时相应的coding仓库也有了相应的博客文件。

这里之所以再把相应的文件部署到coding上,是因为国内访问github太慢,这样我们就可以国外访问github,国内访问coding

相应的域名配置

1.这里以阿里云域名为例
首先添加国外域名解析,

然后就可以进行解析,然后进入github对应的仓库,进入设置,找到如下设置,并改为:

设置好之后,如果游览器输入仓库名,跳转到你的域名即设置成功,
这里域名解析是需要时间的,可能是一晚上,也可能是一天,只要输入自己的域名能看到自己的博客就算成功(这里可能会报非私密连接,不过是可以访问的)

2.当国外的解析好之后,就进入了coding的过程,
打开coding你的项目的管理页,找到构建与部署选项下的构建静态网站,发布静态网站,保存后,点击立即部署:

(这里的访问地址只有最下面的网址)
点击对应的访问地址,会看到自己的博客页面。
然后阿里云域名添加coding解析:如下图

3.点击2的第一张图的设置,修改以下配置:
(这里要在阿里云的域名解析中把国外的解析暂时关掉,否则证书会申请失败)

证书申请成功后,域名解析成功后,就可以通过域名访问自己的博客了,并且因为coding是国内的服务器,访问速度很快

个人简介中有我的个人博客地址,大家可以参考。

到这里文章就结束了,如果有不对的地方,敬请指正。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值