您的位置:首页 > 编程语言

Hexo+GitHub 搭建静态个人博客

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

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

正文

首先需要用到的工具

Git 把本地的博客内容提交到GitHub.

Node.Js 生成静态页面 下载对应的最新版本,一路安装即可.

申请GitHub 利用 GitHub Pages 服务 来进行博客的部署.

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

Hexo

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

Hexo安装

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

cd <your folder>    --通过命令行移动到你需要进行放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: git@github.com: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服务
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  github hexo 静态博客