记第一次做博客网站

我第一次做博客是在了解大学的CTF的学生社团的时候(虽然最后出于时间问题放弃了),社团给每个萌新都发了一个萌新手册,而里面的第一条就是要用Hexo+GitHub搭建一个自己的博客。

抱着试试的心态,我就给自己的电脑装上了git,打算好好操作一番,结果自己差点被操作没了(bushi)

费了大概小一周的零碎时间,终于彻底的将网站做好了,想想该写一点东西撑个门面,要不然太尴尬,啥也没有(doge),就打算把自己建博客的路程写出来吧。

注意:本文章的所有建设流程基于Windows 11系统,由于作者不熟悉MacOS,所以没有对MacOS系统安装时的介绍

第一章节 T1科技树————基础环境的配置

第一部分 盟军建设车————Git的环境部署

这一块其实没多少大问题,正常来讲Git这个究极BOSS不会在安装Git这一部分难为大家,但部署后就是另一回事了

windows系统

Git下载链接:Git下载链接(for windows)

下载完后,可以学习席雪峰老师的Git安装教程进行配置

席雪峰老师的Git教程

第二部分 发电厂————Node.js安装

要注意的一个问题是,无论是哪个系统,都不要忘记下载Node.js插件(全程Next安装,不用管任何设置),否则npm命令用不了直接暴毙

其重要程度可以用红色警戒2中的发电厂比喻,没电厂的电力,所有用电设施全部白搭。

各系统对应安装即可。

Node.js下载链接:Node.js下载链接

第三部分 矿石精炼厂————Hexo部署

OK,正主来了,在部署了基地车和电厂后,下一步就是矿石精炼厂。 Windows在随便一个地方右键选择git bash并输入 npm install -g hexo Mac系统在终端操作即可

注意:Windows在Git中复制粘贴的快捷键不是Ctrl+C和Ctrl+V!!!复制是Ctrl+Insert,粘贴是Shift+Insert!!

不要跟博主一样试了无数次的Ctrl+V发现不行后全程手打直到博客快建完了才发现快捷键,博主当时差点破防了

因为博主在安装这一块的时候没有报错,因为手懒就没有再列出安装报错,如果有问题可以自行搜索一下网上的解决方法。

到这一步,基本上我们的T1科技树(最最基础也是最重要的东西)就全部安装完成了。

第二章节 T2科技树————中流砥柱的攻坚部分

第四部分 盟军机场————Hexo博客搭建

到了一个比较重要的部分,就是开始搞Hexo博客搭建了。

首先,在你想部署博客的地方新建一个空白文件夹HexoBlog(比如我的就在E盘目录下),进入文件夹里面后右键进行Git Bash(如果是 Mac 就 cd 进入) hexo init 进行依赖包安装 npm install

我这里部署时没出问题,但保不准会有Git爆炸开始了,所以浅列一个可能的报错。

 evernotecid://785B2D88-EE4A-435D-8F13-6593AEC86C1F/appyinxiangcom/15001405/ENResource/p25846

这个货是因为你的文件夹里少了package.json这个东西,执行命令 npm init -y 暴力干掉它就可以了。

好,现在排除问题后,进行如下命令 hexo generate hexo server 就会在自己的本地网站localhost:4000看到博客了(记着要输入其他GitBash指令前先Ctrl+C结束server)

注意:每一次输入命令后都要等出现 栾博越@LAPTOP-BAC974PA MINGW64 /d/HexoBlog $ 的提示了以后再输入执行!

如果发生报错“执行 hexo server提示找不到该指令!”

需要你自行安装server插件,执行命令 npm install hexo -server --save ## 第五部分 墨丘利卫星控制终端/机器人控制中心/防御指挥部————GitHub仓库搭建

这是相当重要的一个部分,这个地方的部署直接关系到把你的网站从本地运营转向GitHub代理,其重要性堪比红色警戒2心灵终结中的三个题头设施。因为没有它们,T3设施根本无法建造。

GitHub账号注册与仓库建设

首先登录GitHub官网 https://github.com/ 进行账号注册。

GitHub注册界面

注册完成并登录后,点击左侧的NEW,新建仓库。

GitHub界面

GitHub仓库建设

按照要求填写

Repository name(仓库名):格式为XXXXXX(你的GitHub仓库名,用自己的账户名,否则很可能因为无法识别仓库名而无法生成GitHub Page).github.io

Description (描述):你对自己仓库的描述

Add a README file(加一个README文件):可选可不选

别的不动就好,直接确定。

正常建好仓库后会是这个样子:

GitHub仓库

这个时候,需要你点击Settings,进入后在左边栏找到Security栏里面的Deploy Keys,准备添加SSH密钥,这个东西是来告诉GitHub在电脑上上传文件的人是你,而不是你的猫(bushi)

GitHub仓库设置

点击 Add Deploy Key 准备添加。 ### SSH 密钥确定

在GitBash输入以下命令 ssh-keygen -t rsa -C "youremailaddress" 注意:youremailaddress是你在部署Git时config输入的电子邮件地址,详情请回到 第一部分 盟军建设车————Git的环境部署 章节查看席雪峰老师的教程链接里面的内容

接着一路回车啥也不用输入,直到结束后,去C盘下的users文件夹里找.ssh文件夹,进入后用记事本或者VScode打开id_rsa.pub文件,拷贝里面的 所有内容

回到准备添加的网页,粘贴在Key的位置并随便起个Title(钥匙名),确认即可。

SSH Key设置

这个时候,去自己的文件夹里面找到config.yml文件,翻找deploy条目并完成如下更改: deploy: type: git repo: https://github.com/XXXXXX/XXXXXX.github.io.git branch: master 比如我的就是 https://github.com/SkyEyeController/SkyEyeController.github.io.git

然后在Git安装deployer: npm install hexo-deployer-git --save 执行命令 hexo generate hexo deploy 登录你的XXXXXXX.github.io(比如我的是 https://SkyEyeController.github.io ),发现和你本地的网站一样就对了。

第三章节 T3科技树————锦上添花的高级配置部分

第六部分 盟军科技实验室————Ayer主题配置

好了,你现在已经拥有了盟军的所有T2科技树,可以使用墨丘利激光打击或者力场护盾或者猎杀无人机了,但是想要更牛逼一点的超级武器闪电风暴、超时空传送、时空回溯或者更强一点的军备,你需要盟军科技实验室。

同理,你要想拥有一个更好看一点的界面,更博彩一点的博客,你需要一个博客主题。

在Hexo官网有许许多多很好的主题:

Hexo官网主题

常见的Next主题类有许多介绍了,博主不再详细说明,而博主接下来介绍的是博主自己安装的Ayer主题

Ayer主题

鉴于网上除了主题作者Eric Shen有相关的安装介绍外没有其他任何的报错梳理,博主想重点介绍一下部署Ayer主题时遇到的问题。(由于相当一部分已经丢失报错记录,暂不完整)

Ayer作者的中文说明网站

1.在部署主题的时候发现没有图标

这个其实没有特别好的办法,如果你自己按照原作者的代码手打检查数遍无误后,建议复制原作者的代码粘贴后再自己修改,因为博主自己也没找到问题在哪里, 一气之下直接复制粘贴就解决了,至今也没找到问题在哪

2.TimeZone要么不写,要么必须是Aisa/Shanghai !!!

这个是在按照原作者的代码修改博客文件夹下的config.yml(而非主题的config.yml)时需注意的,如果不这么做,之后上传文章的时候肯定会报时区的错。

3.source文件夹里必须留一个文件!

不要部署完了就着急删了自带的Helloworld.md,否则你的博客会玩命显示404.

当时因为这个博主差点崩溃,以为自己的网站无了

4.频繁报错duplicated mapping key

这个货是因为你的config.yml文件里面有重复的代码干扰,需要把重复的部分干掉。

Git会给你标出来错误位置,比如:

duplicated mapping key

里面的箭头表明是第122行代码以及其附属内容出现了重复,需要你进行删除调整。

如果还有其他的bug,欢迎大家在评论区留言。

第七部分 盟军矿石精炼器————自定义博客域名

在此之前,博主希望所有走到这一步的大伙儿们做好心理准备。

就如盟军矿石精炼器这个建筑又耗电又贵建造时间又长一样,自定义域名是一个非常吃力的东西(如果你出了一丢丢差错的话),而一旦整好了,就会给你的博客带来源源不断的“矿石资源加成”————各种各样的好处。

比如,国内的网站全部是受工信部统管的,而很不幸,出于对信息安全的考虑以及对国家安全的需要,GitHub Page的.github.io登上了工信部的黑名单,这就会导致国内的网站不太会接纳你的博客———你不会被他们收录。

(这也是很多情况下国内访问GitHub处于半墙不墙状态,可能需要翻梯子的原因之一)

这个问题就比较大(er)了。

自己费了半天劲结果你告诉我不能收录,这算什么事……

而解决这个问题的方法之一,就是自己买一个通用域名。

我自己的域名skyeyecontroller.top是在阿里云的万网买的,对于Top系列域名都不是很贵,可能第一年也就是9块钱,续费也不会超过20左右。

万网

买的操作我就不详细描述了,接下来是重点。

由于博主毕竟刚刚入坑,对各方面的知识并不完善,所以可能讲的会很粗糙

首先我们需要进入 域名控制台(注意,如果你找不到相应的入口,直接搜索阿里云域名控制台)

域名控制台

在你注册的域名下点击"解析“,然后在云解析DNS选择“解析设置”进入DNS配置页面

云解析DNS

这里博主之前参考了许许多多的文章来配置但总是失败,最终发现都是DNS的问题。

就比如说,我们不需要到之前控制台界面的“设置”去把DNS服务器全部改成别的而不用dns24.hichina.com, dns23.hichina.com

我们只需要在这里将域名解析到这两个DNSPod服务器就行了,选择添加解析记录并按照图片内容填写。

解析服务器DNSPod

之后,我们要将自己的域名解析到仓库GitHub Page

解析服务器xxxx.github.io

好了,最后(也是最重要的)是我们需要将GitHub的IP地址解析正确,否则你的网站会一直HTTP ERROR 502.

解析GitHub Page IP

一般来讲GP的IP地址有四个,我们填两个就够了,最新的IP地址可自行搜索(如果变了的话)

当添加完这五条解析记录后,在自己的博客文件夹下找到source并新建CNAME文件(无扩展文件,可以新建记事本编辑后删除扩展名),输入你买的 域名(指不带https和www,比如我的就是skyeyecontroller.top)

然后在GitBash中命令hexo clean,hexo generate,hexo deploy上传仓库,稍等就可以从自己的域名访问网站了。

第四章节 T4科技树————终结降临的究极科技天团

第八部分 盟军超级武器————网站提交搜索引擎

一般来讲,主要的三大引擎是百度,必应(Bing)和谷歌(Google)。

对于必应和谷歌其实没啥大问题,一会儿再说。

但是到了百度有一个比较二的问题,就是之前说过的,GitHub Page 上了国内工信部的黑名单…………

也就是说,正常情况下,你在国内的网站提交搜索引擎是十有九成不会被爬取收录的。

对于这种情况,有两种解决办法。

第一种,就是去阿里云万网给自己整一个通用顶级域名,详情参见 第七部分 盟军矿石精炼器————自定义博客域名

第二种,是在国内的Gitee上重新按照GitHub的流程再整一个仓库,让国内网站由Gitee Page承运(而且这样也就解决了国内访问GitHub仓库设置时被时不时被墙在外面的问题)

  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!
  • Copyrights © 2022-2024 栾博越
  • 访问人数: | 浏览次数:

      请我喝杯咖啡吧~

      支付宝
      微信