0%

搭建博客艰苦历程

搭建博客艰苦历程

现在前面的话

今天刷朋友圈看见了某大佬分享了自己的Blog,看他的Blog把我给看麻了┭┮﹏┭┮,我就想着也搭一个Blog,其实我很早就有了这个想法,但是我 学业繁忙 太懒了就一直没有开始搭建。今天我要下定决心搭建完这个博客!

准备工作

安装git

Git for Windows

安装node.js

Download | Node.js (nodejs.org)

下载LTS版就可以了

安装完后打开git安装目录下的git-bash.exe

node -v

npm -v

可以检测有没有安装成功,如果成功显示出版本号就是安装成功反之就是失败。

安装Hexo

打开git-bash.exe后可以创建一个文件夹

mkdir blog

进入该文件夹

cd blog

输入命令

npm install -g hexo-cli

hexo -v可以查看版本

初始化hexo

hexo init myblog

然后进入myblog

cd myblog

npm install

新建完成后,指定文件夹目录下有:

  • node_modules: 依赖包
  • public:存放生成的页面
  • scaffolds:生成文章的一些模板
  • source:用来存放你的文章
  • themes:主题
  • ** _config.yml: 博客的配置文件**

hexo g

hexo s

这样就打开了hexo服务,启动浏览器输入localhost:4000就可以看到你的Blog啦!

当然,这只能自娱自乐,哈哈哈哈哈。要想让大家都能看到你的Blog就继续往下看啦!

创建自己的Github个人仓库

当然你得有一个个人账户去注册一个吧!

访问GitHub

点击右上角的sign up就可以开始注册

注册完登录后,在GitHub.com中看到一个New repository,新建仓库

创建一个和你用户名相同的仓库,后面加.github.io,只有这样,将来要部署到GitHub page的时候,才会被识别,也就是xxxx.github.io,其中xxx就是你注册GitHub的用户名。

点击create repository。

生成SSH添加到GitHub

回到git-bash中

git config --global user.name "yourname"

git config --global user.email "youremail"

这里的yourname输入你的GitHub用户名,youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。

可以用以下两条,检查一下你有没有输对

git config user.name

git config user.email

然后创建SSH,无脑回车

ssh-keygen -t rsa -C "youremail"

youremail是你GitHub的邮箱,不要输错!!!

这个时候它会告诉你已经生成了.ssh的文件夹。在你的电脑中找到这个文件夹。

应该在c://用户/用户名/.ssh/下

ssh,简单来讲,就是一个秘钥,其中,id_rsa是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上。

而后在GitHub的setting中,找到SSH keys的设置选项,点击New SSH key,把你的id_rsa.pub里面的信息复制进去。

ssh -T git@github.com

这一步,我们就可以将hexo和GitHub关联起来,也就是将hexo生成的文章部署到GitHub上,打开站点配置文件 _config.yml,翻到最后,修改为

deploy:

type: git

repo: https://github.com/YourgithubName/YourgithubName.github.io.git

branch: master

YourgithubName就是你的GitHub账户

这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。

npm install hexo-deployer-git --save

然后

hexo clean

hexo generate

hexo deploy

其中 hexo clean清除了你之前生成的东西,也可以不加。
hexo generate 顾名思义,生成静态文章,可以用 hexo g缩写
hexo deploy 部署文章,可以用hexo d缩写

过一会儿就可以在http://yourname.github.io 这个网站看到你的Blog了!!

设置个人域名

现在你的个人网站是http://yourname.github.io,如果你想个性一点就要设置你的个人域名了(要钱)!

注册一个阿里云账户,在阿里云上买一个域名,我买的是 jjjjy.icu,各个后缀的价格不太一样,比如最广泛的.com就比较贵,看个人喜好咯。

你需要先进行实名认证,然后购买属于你的域名。

购买后点击右上角的控制台

点击域名>点击全部域名>点击解析>点击添加记录

记录类型:CNAME

主机记录:@

解析线路:默认

记录值:yourname.github.io

点击确认

可以再添加一条将@改为www,其余不变。

登录GitHub,选择你创建的仓库,点击settings,点击pages,设置Custom domain,输入你购买的域名

然后在你的博客文件source中创建一个名为CNAME文件,不要后缀。写上你的域名。

最后,在gitbash中,输入

hexo clean

hexo g

hexo d

过不了多久,再打开你的浏览器,输入你自己的域名,就可以看到搭建的网站啦!

接下来你就可以正式开始写文章了。

hexo new 标题

然后在source/_post中打开后缀为.md的文件,就可以开始编辑了。当你写完的时候,再

hexo clean

hexo g

hexo d

就可以看到更新了。

hexo基本配置

在文件根目录下的_config.yml,就是整个hexo框架的配置文件了。可以在里面修改大部分的配置。详细可参考官方的配置描述。