今天是10月25号，距离我起手搭建博客(其实就是套板子呼呼(。-ω-)zzz)已经过去七八天了，前两天就想开始写这一篇博客，但是嘛，前两天是周六周天，大家都懂的……周六周天应该休息休息哈。

我个人认为搭建博客的基本流程就是 ：配置环境->搭建仓库->搭建框架->美化博客，可能下面有视频或文章和我的步骤顺序不太一样，但是无伤大雅。下面也会按照这个顺序捋一遍，当然我只是捋一遍，提到的步骤可能相对来说就比较少，因为我放的链接上有比较于我更加详尽、专业的操作，我只是作一个简单的复述可能会额外填上自己的几句话来让这个过程更加简单！

我是如何搭建博客的？

很明显啊，我也是一点都不懂的，完全是0基础，我前端课学到的尽数交还给老师了，但是吧这并不影响我搭建一个博客。在开始我的陈述之前，先在下面放上在我搭建博客的路程上给予了我帮助的一些视频和文章。

推荐的视频、文章

  1. 【2021最新版】保姆级Hexo+github搭建个人博客-bilibili

  2. hexo史上最全搭建教程_Fangzh的技术博客-CSDN博客

  3. Hexo之搭建环境 | 遇见西门

  4. Node.js安装及环境配置之Windows篇 - 刘奇云 - 博客园

  5. Windows系统Git安装教程（详解Git安装过程） - 学为所用 - 博客园

    ……

当然网上还有很多优质的视频和文章来帮助你配置环境、搭建框架，我只是放上了几个我自己看到过的并且感觉对我比较有用的。这可能就是互联网的伟大之处吧，有很多人会来分享自己的知识，当你再做一件事情的时候，你发现曾经某个人也和你遇到了相同的问题，你就会觉得自己并不孤单，有很多和你一样的人在做这件事情。同样，把你的知识的枝叶伸展出去，给更多后来人带来便利，也会感到很有成就感。

配置环境

  • Node.js下载
  • Git下载

Node.js

  1. Download | Node.js (nodejs.org)进入官网下载直接点Windows Installer
  2. 找到下载位置(默认下载到 C:\Users\用户名\Downloads)，下载的过程就是一直点下一步(可以直接安装到默认位置，改位置也可以照着教程来，如果没有特殊需求推荐直接安装默认C盘)
  3. 如果你没有改安装位置就忽略掉这一步，如果你没有安装在C盘那么打开Node.js安装及环境配置之Windows篇 - 刘奇云 - 博客园，然后翻到第五步
  4. 最后Win+R(Win键就是windows键，在键盘左下角Alt左边那一个)打开运行，然后输入cmd，打开终端输入 node -v，如果显示一串版本数字而不是错误，再输入 npm -v同样如此那么恭喜你完成了Node.js的安装

Node.js是运行在服务端的 JavaScript。

Git

  1. Git - Downloading Package (git-scm.com)进入官网下载，直接点 64-bit Git for Windows Setup(由于是国外的网站所以可能会下的很慢)
  2. 没特殊要求就一路下一步，安装地址也随便，不想思考就默认地址，具体Windows系统Git安装教程（详解Git安装过程） - 学为所用 - 博客园
  3. 最后Win+R打开运行，然后输入cmd，打开终端输入 git --version，如果显示一串版本数字而不是错误，完成。

这个就是用来把你的文件部署到Github上的命令窗口，对Github的操作要在这上面运行，可以直接通过文件打开，也可以鼠标右键显示的Git Bash here打开。

搭建仓库

把你的数据存到Github的库中。

详细内容：【2021最新版】保姆级Hexo+github搭建个人博客_哔哩哔哩_bilibili

Github库

  1. 注册Github账号–Github注册+登录方法 - 哔哩哔哩 (bilibili.com)，然后你就有一个Github账号了(因为是国外网站，可能会登陆不上)
  2. 点右上角头像 -> 点击Your repository -> 点击绿色的New -> Repository name 下面输入用户名.github.io(用户名就是Owner下面那个注册的名字，如果后续不架域名，这个地址就是你的访问地址所以取一个好一点的用户名！！！)

关联Github

  1. 打开任意文件夹，在文件夹内空白处右键 -> 点击Git Bash here -> 输入 ssh-keygen -t rsa -C "邮件地址" (把双引号里面的邮箱地址四个字换成你注册Github时用的邮箱) -> 敲四次回车
  2. 打开C:\Users\用户名\.ssh -> 用记事本打开id_rsa.pub -> Ctrl + A(全选) -> Ctrl + C(复制)
  3. 打开Github -> 右上角头像 -> 点击Setting -> 点击SSH and GPG keys -> 点击绿色的New SSH key -> 在Title下随便写(选择困难症就直接写博客 -> 在Key下Ctrl + V(粘贴) -> 点击绿色的Add SSH Key
  4. 回到Git -> 输入ssh -T git@github.com 回车 -> 输入 yes回车 -> 出现……successfully……即为成功

搭建框架

这里我用的是Hexo所以我也只演示Hexo，有其他框架有兴趣的可以去网上搜一下。

★一定要用管理员权限来打开终端和Git！否则下载Hexo会Err失败!(详细见“常见问题”)

Hexo下载

  1. Win+R打开运行，然后输入cmd，打开终端输入npm install hexo-cli -g (复制上就行)，

  2. 输入hexo -v，如果显示一串版本数字而不是错误

★如果没有改Node.js的安装位置，安装的模块安装到C:\Users\用户名\AppData\Roaming\npm路径中(需要打开显示隐藏，AppData这个文件夹可能是隐藏的)。显示隐藏文件夹的步骤：打开我的电脑->点击上面的查看->在隐藏的项目上打钩

存放博客的文件夹(Hexo安装)

  1. 打开你想存放的位置(可以是C盘，也可以是其他的盘)

  2. 右键文件夹空白处点击Git Bash here(一定要保证是你想存放的地方！)

  3. 输入hexo init myblog(这里的myblog可以替换成你想要的名字，后面的myblog也相应改变)

  4. 输入 cd myblog -> 输入 npm install

  5. 打开文件夹myblog -> 然后用记事本打开_config.yml -> 拖到最后(替换deploy)

    deploy:
    type: git
    repository: 你的Github库的地址(Github右上角头像->点击Your repositories->点击xxx.github.io->点击绿色Code->复制网址)
    branch: main

文件夹与Github库关联

  1. Git里面输入npm install hexo-deployer-git --save
  2. 输入hexo g
  3. 输入hexo d (此时会进行Github用户名验证和输入令牌，建议操作时一直开着Github)
  4. 当需要你输入令牌时，打开Github->点击右上角头像->点击setting->点击Developer setting->点击Personal access tokens->点击Generate new token
  5. Note名字随便取，下面的Select scopes全选然后点击Generate token生成令牌，复制到第三步弹出来的令牌框。

★第3步可能会因为连接不上Github而失败(fatal:unable to access……)

完成上面的操作你就可以通过用户名.github.io来访问自己的页面了！！

常见问题

配置环境

  • 可能比较因为是外国的网站所以会下载比较慢，会使用魔法应该可以提速。

搭建仓库

  • 这一步应该是最简单的了，除了可能连不上Github……

搭建框架

  • 一定要用管理员权限来打开终端和Git！否则下载Hexo会Err失败 Error: EPERM: operation not permitted（操作权限问题）_司夏的博客-CSDN博客 ，可以用Win+X然后选择Windows终端(管理员)打开或者用Windows自带的搜索去搜cmd然后管理员权限启动。也可以和Git一样，找到快捷方式->右键属性->点击兼容性->点击以管理员身份运行此程序->确定。
  • fatal:unable to access……，很多步骤都会出现这一句话，不要担心，这只是Github连不上了而已，和你没有关系。
  • yml文件格式里的东西严格保持语法，’:’必须是英文状态下的，并且后面需要加一个空格，而且这种语言是靠缩进来辨别语句等级的。

如果有什么问题可以联系我，我也会再添加到上面……感觉最多就是这些问题了。

那么我们刚搭建好的博客打开一看全是Hexo，如何让他变得牛起来，下一篇日志我就会对于博客的美化与维护做一些叙述以及教学。