##前言
这一篇文章,会记录我从搭建网站开始的博客升级过程。
此篇为静态网站的搭建,适合白嫖党和非技术人员;缺点是缺少登录评论等功能,如果你想搭建的是动态网站,请移步动态网站建站教程
#前期的软件准备
####1.安装Node.js
这里是为了给之后博客的后端使用;
链接如下:https://nodejs.org/en/
安装过程就是一路默认就可以,完成之后记得使用node -v和npm -v来验证是否安装成功。
如果显示没有这个命令,那有可能是你的电脑里面有优先级更高的环境变量
环境变量的目的就是让系统能够找到程序的入口
以win10为例,到设置,高级设置里面,去查看有没有对应的环境变量,靠不靠前
没有的话,就添加path,path的内容即为.exe的系统绝对路径,有的话,调整顺序即可
####2.添加国内镜像源
这里推荐阿里的镜像源
对了,这里不推荐使用npm,速度太慢,可以使用cnpm,安装方法是
在命令框中输入
npm install -g cnpm --registry=http://registry.npm.taobao.org
同样,安装完成之后,可以使用cnpm -v查看版本的方式验证是否成功
####3.安装Git
这个我觉得看这篇文章的人都有
下载链接如下:https://git-scm.com/
一路默认,最后记得选择Use Git from the Windows Command Prompt
####4.注册Github账号
这个网站是一个很好的学习开源项目的网站
其本身基于git开发,具有优秀的版本控制功能
在个人博客的搭建中,我们把它作为代码的托管方
链接如下:https://github.com/
进入网页之后,按要求邮箱注册激活即可,网上也有很多教程
####5.安装Hexo
打开cmd,使用命令:
cnpm install -g hexo-cli
等待安装即可,同样,记得校验是否成功
####6.测试本地博客
进入blog目录:cd blog
生成博客 初始化博客:hexo init,Linux等系统记得使用sudo
启动本地博客服务:hexo server
本地访问地址:http://localhost:4000/
通过这个地址,你可以访问自己网站的预览
至此,你的hexo运行完全正常
接下来,我们需要把它部署到远端
####7.连接Github与本地
首先,我们需要在github上面新建一个代码仓库,仓库名为YourGithubName.github.io
回到我们的命令框,在blog目录下安装git部署插件
命令为:
cnpm install --save hexo-deployer-git
配置_config.yml文件:
具体配置内容:
'''
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/YourGithubName/YourGithubName.github.io.git
branch: master
'''
####8.写文章、发布文章
接下来我们回到blog目录下,以下是必用的常规命令
hexo new--新建文章命令
hexo clean--清理
hexo g--生成
hexo d--发布
####9.购买、绑定域名【氪金项目】
从这里开始,我们的博客开始自己的个性化定义
首先,我们肯定希望自己的网站是自己命名的,而不是github的后缀
所以,我们需要一个域名,即属于我们自己的网址
我们需要租用这个网址。最方便的方法就是上阿里云或者腾讯云上购买
费用一般为一年几块到几十万不等,个人推荐买便宜的
注册一个阿里云账号,他有全套氪金流程,不赘述了
关于后缀,个人推荐.com/.net/.org想要便宜的推荐.xyz/等
不推荐.cn(后续可能忒麻烦),也不推荐中文后缀(贵,还不正经)
####10.将github的网站和自己买的域名关联
这里我们需要将网址解析到自己的域名上,
我们打开阿里云的网站,搜索DNS,然后进行配置
注意,此时你必须先完成实名认证的校验
然后添加记录,类型选择CNAME,记录值为你的github网页的地址(之前那个带.io的)
TTL选最小的那个
####等待一会儿,你的个人主页就可以被访问了
####静态博客搭建到此结束!恭喜新站长~
####等我什么时候买了服务器,再更新接下来的内容
Q.E.D.