hexo与github搭建博客、修改主题、更新内容及解决图片无法加载

hexo与github搭建博客、修改主题、更新内容及解决图片无法加载

在本地搭建博客

本地博客的搭建主要参考b站up主：火_花喔的教程
在本地搭建博客需要git、nodejs(包括npm)、hexo等工具。（下载安装参考上面链接的视频）全部下载安装之后。

1. 新建一个文件夹
2. 在该文件夹中右击进行git bash here
3. 在新打开的黑框框中运行

hexo init #初始化hexo

生成如下：

继续运行如下命令：

hexo s #启动本地hexo服务器

紧接着就可以看到hello world的hexo的本地博客。

借助github发布博客到互联网

借助github发布博客到互联网主要参考b站up主：火_花喔的教程
在github中建立一个仓库，并把github作为服务器使得其他人也能够访问到（github服务器有时候不好访问，因此也可以选用gitee，操作应该类似）。具体的操作方法见上面的视频链接教程，作者很贴心地指出了github最近的变化。但在2023年的今天，github在链接本地和仓库时，并不需要像视频作者一样输很长的令牌密码，而只需要在弹出来的框中输入github账号和密码即可，操作的时候就会明白了。

修改文章内容并更新到网页端

修改文章的内容只需要找到对应文章的markdown文件进行修改，如图所示

简单一点的可以用记事本进行编辑，也可以用typora等markdown编辑器进行编辑。在编辑完保存之后，可以执行以下命令

hexo g # 生成静态文件

hexo s # 通过启动本地服务器，预览文章效果

hexo d # 部署到github中，更新网页端的内容

过一两分刷新自己的博客网址就会发现内容已经更新了。

hexo博客加载图片

前言

网上有非常多的教程记录了如何在hexo中加载图片，但是翻来覆去也就是那几篇文章，而且有很多是错误的或者不适用于现在。

问题描述

在通过hexo+github搭建过博客之后，我尝试进行内容的创作。其中免不了加载图片。然后根据一些博客的说明，我的图片加载不出来，经过查阅大量类似的教程后，摸索出来并记录。
首先，有很多教程hexo加载图片使用这样的格式：

![图片描述](图片地址[title])

经过我操作之后，发现并不可行，浪费了我很多时间 ，觉得自己有点智障。只需要

![图片描述](图片地址)

即可显示图片。
另外在加载图片时，如果遇到图片无法加载的情况时，可以按F12将网页的源代码调出来，看看图片的访问路径是否与你存储的路径一致。示例如下：

对于hexo加载图片，网上也有很多教程处理无法加载的情况，这里给出一个链接，hexo图片插入无法显示，这篇文章还算可以，可以尝试其中的方法。

修改博客的主题

hexo提供了大量的精美主题供我们使用。hexo主题网站

• 通过git clone的方法下载自己喜欢的主题。在themes文件夹下，git bash here
• 然后运行git clone 主题网址，下载主题
• 修改_config.yml文件，将主题名改为下载的主题名
  
  按照更新文章内容的步骤更新到网页端，也可以现在本地查看一下，主题修改是否成功。
  我随便选择了一个海洋的主题，如下图所示。其中海浪还是流动的，比较带感。
  

修改主题也附上别人的一篇教程：hexo修改主题

注意事项：

• 修改yml文件时，要注意冒号后是存在一个空格的。
• 由于github和hexo的更新，网上许多教程可能都有些许的问题，尽量看日期较近的文章参考。有能力的话看官方文档。
• 如下两个命令行窗口好像不是一个东西？被坑惨了。
  
  通过本篇文章及链接的文章，应该能够搭建基本的个人博客。
  如果觉得我写的不错，请给我一个免费的赞，如有错误，也欢迎向我反馈。