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 <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服务

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值