个人的balabala

写这篇个人博客的任务本来应该在寒假就完成了，可是我的拖延症实在是太太太严重啦！懒癌晚期本人没错了~ 经过昨晚傻俊的提醒，痛定思痛，还是快点完成任务好哈哈哈。接下来就是正题了！

正题正题！

必要的软件安装过程~

这是搭建个人博客的必要的两个软件，当我们完成安装过程后就可以继续下一步啦

GitHub上必要的一些操作

因为这个个人博客是基于GitHub来搭建的，那理所当然的我们需要有一个GitHub账号，如果没有的话就需要去GitHub官网）进行注册

当我们拥有了自己的GitHub账号后，我们就可以进行以下的各种操作啦

  • 在GitHub的个人头像左边的加号上点击一下，并创建一个新仓库（New repository）

  • 因为是个人网站，所以在仓库创建过程中需要遵守GitHub的网址命名规则，那就是（用户名+github.io）， 并且需要点击Public

  • 当仓库创建完成后我们只需要在接下来跳转的页面点击——Change theme选择一个主题并在GitHub上托管我们的个人网站就可以啦，访问我们个人网站的方法是用如https://自己的用户名.github.io的网址去访问

本地仓库的搭建与配置

虽然我们经过以上的步骤拥有了一个自己的主题，但我想大家肯定不会满足于最开始选择的那个单调的主题，毕竟我们选择这么大费周章地创建一个个人博客就是为了个性化和自由度嘛。那么，主题的个性化肯定是一个不可以避过的话题。

  • 克隆仓库以便进行本地的配置
    还记得我们之前安装的Git吗？下载完它之后会有一个Git Bash的桌面应用，打开它，然后在本地创建一个属于个人博客的文件夹，比如我的是在D:/blog，进入该文件夹，再使用如下命令

    $ git clone git@github.com:DaviCZW/DaviCZW.github.io.git

  • 安装hexo
    使用npm命令来安装hexo（该操作可以在个人博客文件夹下进行）

    1
    2
    3
    $ npm install -g hexo-cli
    $ hexo init
    $ npm install

以上步骤完成后我们就可以在当前文件夹下使用Hexo的命令行，常用的有

1
2
3
hexo generate (hexo g) 生成静态文件，会在当前目录下生成一个新的叫做public的文件夹
hexo server (hexo s) 启动本地web服务，用于博客的预览
hexo deploy (hexo d) 部署播客到远端（比如github, heroku等平台）

相信此时进行到这一步的你应该会兴冲冲地直接hexo g、hexo s、hexo d三部曲然后发现咦，为什么hexo d会出现莫名其妙地错误提示。这是因为有关键性的一步还没做，那就是在个人博客文件夹下的_config.yml文件（该文件内包含了我们个人博客网站的基本配置信息）进行如下设置

主题的选择与使用

  • 有些时候经过以上步骤后还是无法远程把本地仓库同步到GitHub上，这是因为SSH的配置问题，因为篇幅有限（…太长了不想写qwq吗）在这里就放我之前搭建时看的链接

  • 选择自己心仪的主题
    终于来到了激动人心的一幕！让我们进入商场逛一逛吧

    在这个网站里我们可以选择自己心仪的主题，点击主题的图片会进入主题预览，而点击名字则会进入到该主题在GitHub项目。
    我们先在Git Bash中进入到个人博客文件夹的中themes子目录，然后在该子目录下克隆主题的GitHub项目，接着只需要最后一步我们就可以运用该主题啦！那就是在个人博客文件夹的_config.yml文件（上文提过）里找到一个theme:的键对，在该键对的值里填写我们克隆下来的主题文件夹名称，比如我的是这样子的

从本地部署到GitHub的个人网站项目上

每当你修改主题或者你编写了新的博客的时候，你就可以通过

  • hexo c（清除原本的数据）
  • hexo g（生成静态文件）
  • hexo s（部署到本地的Web服务，并通过http://localhost:4000/，来进行预览）
  • hexo d（同步到GitHub的个人网站项目上）
    当你完成这几步后就可以通过上文提及的访问个人网站的网址来看我们新的小窝啦