Hexo+GitHub 搭建静态个人博客

偶然的情况下通过百度搜 github 时 看到一篇文章,可以通过GitHub+Hexo进行免费的个人博客搭建,当然了,搭建博客的教程随处都是,为什么要选择这个方法呢? 其一 免费 其二 拥有很多简单美观 的主题可以供大家选择。本博客的主题选择的是 BlueLake 自己查资料改了那么一小点

由于百度爬虫无法爬取GitHub,因此本博客部署在了 码市

正文

首先需要用到的工具

  1. Git 把本地的博客内容提交到GitHub.
  2. Node.Js 生成静态页面 下载对应的最新版本,一路安装即可.
  3. 申请GitHub 利用 GitHub Pages 服务 来进行博客的部署.

按照上面的步骤依次进行操作即可!

Hexo

Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

Hexo安装

经过上面的步骤,所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。

cd     --通过命令行移动到你需要进行放Hexo文件的目录。
npm install -g hexo-cli     --使用命令进行Hexo的安装

安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

hexo init

新建完成后,指定文件夹的目录如下:

├── _config.yml
├── package.json
├── scaffolds
├── scripts
├── source
| ├── _drafts
| └── _posts
└── themes

_config.yml

网站的 配置 信息,您可以在此配置大部分的参数。

source

资源文件夹是存放用户资源的地方。除 posts 文件夹之外,开头命名为 (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。

themes

主题 文件夹。Hexo 会根据主题来生成静态页面。

使用

hexo g  --进行生成静态文件 查看
hexo s  --开启hexo自带的服务 本地查看 浏览器 地址 http://localhost:4000

上传

配置_config.yml
deploy:
  type: git
  repo:
    github: [email protected]:hr1ycfl/hr1ycfl.github.io.git,master --这里都改成自己项目的地址
    coding: https://git.coding.net/hr1ycfl/hr1ycfl.git,master
  ranch: hr1ycfl --使用的用户名

上传之前需要配置一下 GitHub的SSH这里自己搜一下进行配置 就行了

hexo d      --可以将生成的静态文件 部署到GitHub上

上传完成 之后进入GitHub中启动 GitHub Pages服务

你可能感兴趣的:(Hexo)