如何从零基础做好低价网站搭建（手把手教你搭建漂亮好看的个人网站）

发布时间：2024-07-30阅读(2)

导读一、前言由于平时自己喜欢看一些技术类文章整理成Word笔记，总感觉这种方式太low，想自己搭建属于自己的博客，在网上查阅了一下，发现Hexo在GitHub或....

一、前言

由于平时自己喜欢看一些技术类文章整理成Word笔记，总感觉这种方式太low，想自己搭建属于自己的博客，在网上查阅了一下，发现Hexo在GitHub或者是码云上搭建博客非常给力。然后自己也搭建了博客，这篇文章就记录了搭建的过程及一些优化。

二、入门Hexo

2.1、什么是Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(https://daringfireball.net/projects/markdown/) （或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。大家进入 Hexo官网(https://hexo.io/zh-cn/docs/) 进行查看。

2.2、安装Hexo

安装 Hexo 相当简单。然而在安装前，您必须检查电脑中是否已安装下列应用程序：

Node.js：https://nodejs.org/en/
Git：https://git-scm.com/
cnpm ：如果npm运行出错就安装cnpm国内镜像

所有必备的应用程序安装完成后，即可使用 npm或者cnpm 安装 Hexo。

打开Git Bash here，输入：

$ npm install -g hexo-cli 或者 $ cnpm install -g hexo-cli

检查是否安装Hexo完成,查询是否成功，显示hexo-cli 版本就说明成功了

$ hexo -V

2.3、建站

安装一切所需的程序后，就可以开始建站了，就是创建我们的博客,大家也可以进入建站官网(https://hexo.io/zh-cn/docs/setup) 查看。

新建一个文件夹，来管理我们的博客项目，执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。

2.3.1、运行命令

$ hexo init <folder>$ cd <folder>$ cnpm install

注：<folder>是表示建站的博客项目名。

打开Git Bash here，输入：

$ hexo init githubBlog

进入创建的博客项目下进行安装

$ cd githubBlog$ cnpm install

安装之后，整个博客项目目录如下：

2.3.2、访问URL

$ hexo server 或者$ hexo s

访问URL：http://localhost:4000，效果如下图：

到这里已经通过Hexo初步创建博客了，下面再来了解一下如何将我们的博客托管到GitHub服务器上。

2.4、托管到GitHub

2.4.1、GitHub创建repositories

进入GitHub官网中浏览器输入 https://github.com/ ,如果还没有账号就创建一个账号就好了。

登录自己的账号。直接new repositories 或者进入You repositories 再new repositories。

进入到创建 repositories 页面后,一定要注意，将新建的repository的名字为: Your account name.github.io。其他默认就好了。

2.4.2、配置

GitHub的Repository创建好后，再回到本地的Hexo的githubBlog项目中，找到在项目的根目录下_config.yml找到 deploy标签

在该文件下面添加如下内容：

deploy: #部署 type: git repository: https://github.com/whb1990/whb1990.github.io.git branch: master

注：repository: https://github.com/whb1990/whb1990.github.io 是自己刚刚创建Your account name.github.io 的repository，在Clone with HTTPS里面，复制粘贴就好了，冒号后面记得空格。branch 后面是master就好了。