记录自己第一次博客搭建~~

第一次自己搭建博客

现在是暑假嘛，反正没啥事干，正好在网上看见不少个人博客搭建教程，就想着自己搭着玩玩，于是便选择了Hexo框架，看着教程和文档一步一步搭，不过居然比我想象中简单，有手就行，这里就大概讲一讲本人搭建该博客的过程和体会吧。（注意：这不是教程，只是把本人搭建过程记录一下而已，怕我忘掉，具体过程建议百度）

本地环境搭建

这个不多说，先把Node.js 下好安装，在终端里输入node --version检验是否安装成功，好，搞定。这个时候可以使用Node.js带的包管理工具npm安装Hexo工具（国内使用npm速度有点慢，可以考虑换taobao源），很简单，一行命令足矣。=￣ω￣=

npm install hexo-cli -g

远程仓库搭建

这玩意都不用搭建，去知名同性交友网站GitHub上create就完事了，省时省力又省钱，仓库命名记得设为用户名.github.io，这个就是博客的域名了，自定义域名？懒得注册，懒得备案，先稍稍吧（国内访问GitHub速度不稳定，嫌慢可以考虑Gitee试试）。好了远程也搞定了，现在就只要把本地和远程关联起来部署上去就好了，好耶！！！！\^o^/

Git与GitHub的使用是基本功，而且这个网上教程一大把，搭个博客也不需要对此理解多深，会用就行(。・∀・)ノ

本地博客搭建

之前不是在本地安装了Hexo吗，现在利用这个工具，选择一个合适的目录，在终端中输入命令

hexo init 你想为你的Hexo工作目录取的名字
cd 你想为你的Hexo工作目录取的名字
npm install
# 我一般写成hexo s比较省事
hexo server

现在博客已经在本地跑起来了，默认通过localhost:4000这个端口访问，一般用于本地预览。

此时的博客使用的是默认的主题，叫landscape（好像是这个名来着），有点太普通了？直接网上搜其他更好康的主题，推荐一波我用的主题Yun（没收广告费，我是真觉得不戳）。把主题安装到Hexo工作目录/themes下，修改Hexo工作目录下的_config.yml配置文件，找到theme项，更改为

theme: yun
# 记得写所要使用的主题的文件夹名

事实说明，一个好看的主题可以极大的提升博客站长完善与维护博客的心理体验

如果想要对主题进行更多配置的话建议自行搜索方法或看主题的制作者是否提供相关文档，比如我所用的主题就有Yun主题使用指南手把手教你配置。

_config.yml中还可以修改许多配置，可以将自己的博客进行各种自定义，建议看官方文档好好学。

各项配置完成后，现在可以生成将会被展示出来的静态文件了，在终端中输入

hexo clean
# g 就是 generate 的缩写
hexo g

如果注意观察文件夹，会发现，当输入hexo clean命令后，目录下的public子目录会被删除，输入hexo g命令后，该子目录又会重新生成，这是因为该子目录下存放的就是将会在网页上被浏览的静态文件，当对博客进行修改后，先clean掉原本的静态文件，在generate新的静态文件，这样就完成了对博客的更新。

如果还想在本地预览的话就接着输入

hexo s

OK！现在本地博客已经搞定了，开始着手把它部署到远端吧！\(@^0^@)/

将本地文件与远程仓库建立关联

基本的git操作了，直接在工作目录下

git init # 此时这个目录就被初始化成了一个Git仓库

然后可以建立一个分支

git checkout -b hexo # 表示建立了一个名叫hexo的分支

这个分支我将用于备份博客的源代码文件。（本来没有备份的习惯，但这里参考了教你如何从零开始搭建一个属于自己的网站 的教程，就也学着做了）

将这个本地的Git仓库与之前在GitHub上搭建的远程仓库建立关联

git remote add origin https://github.com/用户名/用户名.github.io

安装Hexo的部署插件hexo-deployer-git

npm install hexo-deployer-git

在_config.yml配置文件中的deployer项中修改

deploy:
  type: git
  repo: https://github.com/用户名/用户名.github.io.git # 远程仓库的网址
  branch: main # 分支名，表示将要部署的分支
  message: # 可选填，对更新部署的说明

至此，本地与远程关联建立完成！

部署与备份

部署很简单，之前部署安装了hexo-deployer-git这个插件吗，生成静态文件后直接输入命令

hexo d # d 是 deploy 的缩写

完成部署！

然后还可以对网站源文件上传到远端进行备份，就利用之前建立的分支，同样是基本的git命令

# git代码提交老三样
git add -A
git commit -m "xxx" # 养成备注说明的好习惯
git push # 第一次推送记得指定默认分支
# git push --set-upstream origin hexo

ohhhhhh！！！现在个人博客已经搭建完毕了！用浏览器访问看看⑧！！ヽ(✿ﾟ▽ﾟ)ノ

个人感受

其实搭建个人博客是受了b站up主CodeSheep的某期视频手把手教你从0开始搭建自己的个人博客 的影响，就自己搭着看看，一路做下来，只能说很多事情唯一的难点就是 Just do it 了，自己搭建博客之前总觉得这玩意涉及了一堆看不懂的技术栈，我这种又菜又懒的辣鸡肯定搭不出来，结果当自己真正上手做了才发现并没有想象的那么夸张，许多东西都是很基础的命令，比如简单的git命令。真正遇到问题了也大多可以通过自己搜索解决，Hexo官方与我所使用的主题也提供了详细的配置文档供我参考，实际过程中并没有遇到什么无法解决的问题，还学到了不少前端知识，爷真nb。希望以后遇到新事物新技术是也能冷静下来好好研究吧，这里总结一下搭建时的心得经验吧：

  • 不要怕，Just do it! 迈出第一步就成功了一半
  • 记得提前搭建好本地环境，比如Node.js，git等工具
  • 搞清楚每一步要在哪一个目录下进行，各种链接与路径要弄清楚
  • 出问题了别紧张，看清楚报错信息，网上搜一般都可以搜到解决办法
  • 搜到解决办法不要看见什么就用什么，多看几个人的回答，找大家都提到的方法成功率更高
  • 不知道下一步怎么做了就看相关文档，文档讲的很详细

以上，第一篇正经博客

感谢支持o(*￣▽￣*)o