Hexo+GitHub 搭建静态个人博客
2017-05-16 16:16
183 查看
偶然的情况下通过百度搜 github 时 看到一篇文章,可以通过GitHub+Hexo进行免费的个人博客搭建,当然了,搭建博客的教程随处都是,为什么要选择这个方法呢? 其一 免费 其二 拥有很多简单美观 的主题可以供大家选择。本博客的主题选择的是 BlueLake 自己查资料改了那么一小点
另 由于百度爬虫无法爬取GitHub,因此本博客部署在了 码市
Git 把本地的博客内容提交到GitHub.
Node.Js 生成静态页面 下载对应的最新版本,一路安装即可.
申请GitHub 利用 GitHub Pages 服务 来进行博客的部署.
按照上面的步骤依次进行操作即可!
安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
新建完成后,指定文件夹的目录如下:
├── _config.yml
├── package.json
├── scaffolds
├── scripts
├── source
| ├── _drafts
| └── _posts
└── themes
上传之前需要配置一下 GitHub的SSH这里自己搜一下进行配置 就行了
上传完成 之后进入GitHub中启动 GitHub Pages服务
另 由于百度爬虫无法爬取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服务
相关文章推荐
- Hexo搭建Github Pages托管的静态个人博客
- 使用Hexo搭建Github个人静态博客
- Hexo+Next搭建Github个人静态博客
- GitHub+Hexo搭建个人静态博客
- Hexo搭建Github Pages托管的静态个人博客
- 个人博客搭建——Hexo在GitHub上的部署
- Hexo搭建静态个人博客
- 使用GitHub + Hexo搭建个人博客(一)- 安装
- 使用GitHub + Hexo搭建个人博客(八)- Hexo异常:/usr/bin/env: node: 没有那个文件或目录
- GitHub上搭建Hexo个人博客
- 使用GitHub + Hexo搭建个人博客(四)- 第1个Hexo项目
- Hexo搭建Github静态博客
- Hexo+github 搭建个人博客(一)
- 使用hexo在github上搭建个人博客
- 使用GitHub + Hexo搭建个人博客(三)- npm(Node Packaged Modules)
- 使用GitHub + Hexo搭建个人博客(七)- 基本配置
- 零基础免费搭建个人博客-hexo+github
- 零基础免费搭建个人博客-hexo+github
- 使用 Github Pages 和 Hexo 搭建个人博客
- 使用GitHub + Hexo搭建个人博客(六)- GitHub配置域名(Godaddy)