使用github构建自己的博客

最新推荐文章于 2024-10-08 23:24:47 发布

Queen_zy

最新推荐文章于 2024-10-08 23:24:47 发布

阅读量651

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_35212825/article/details/82895924

本文详细介绍了如何使用Hexo框架和GitHub搭建个人博客的过程，包括安装Node.js、Hexo，配置主题，以及将博客部署到GitHub的具体步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：

某天偶然下看到同事的博客，顿时被吸引了，突然很想有一个自己的酷炫的博客，就是那种光是背景就能玩一天的博客。。（好吧，就是觉得好看）刚好昨天项目上线了，就自己弄了个github博客。

成果图就是这样。

————————————————————————

我使用的是Hexo框架：

因为Hexo是基于nodejs的，所以需要安装nodejs，选择homebrew，homebrew又依赖于ruby。

先检查电脑是否安装了ruby：

嗯，安装了（安装过程可参考https://www.jianshu.com/p/c073e6fc01f5）

安装homebrew:

ruby -e "$(curl --insecure -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装nodejs:

brew install node

安装hexo框架：

sudo npm install -g hexo

创建博客地址：

mkdir blog
cd blog
hexo init

本地开启博客：

hexo generate
/** 在服务器上运行 **/
hexo server

此时就可以在http://localhost:4000看到自己的博客啦~（emmmm，好丑。。）

我选择nexT的主题。

git clone https://github.com/iissnan/hexo-theme-next themes/next

修改blog下的_config文件，设置主题。

emmm，看下效果还是没有可以玩一天的那种背景。。再来看下主题下的配置文件吧。

哎，这里有些配置信息哎，看下是什么：

# Canvas-nest
canvas_nest: true   

# three_waves
three_waves: true

# canvas_lines
canvas_lines: false

# canvas_sphere
canvas_sphere: false

可以换着看下每一个的效果，这里就是背景的设置了，我开启了canvas_nest和three_waves。

auto_excerpt:
  enable: true  
  length: 150

这个设置可以自动生成摘要。

（具体的设置可以参考nexT主题的文档http://theme-next.iissnan.com/getting-started.html）

在自己的github上创建一个新的项目：

在blog的配置文件中设置：

deploy:
  type: git
  repo: https://github.com/xxx/xxx.github.io.git
  branch: master

hexo deploy部署。（若出现Deployer not found: git错误，可通过npm install hexo-deployer-git --save进行安装）

接下来就可以访问你的博客啦~~