hexo搭建github静态博客

具体效果
github不仅能免费提供代码托管,此外还提供了创建github博客的功能,网上有jekyll的方法,之前我试过最终由于Ubuntu下安装ruby及其他组建失败没成功,过程也比较繁琐,但有另一种方法,操作起来很简单,而且达到的效果也很好,那就是通过hexo搭建github博客。搭建环境为window,

步骤

1.安装git客户端,以及github账号:通过gitBash 生成ssh key,将公钥加入到github中,具体方法,百度搜索:为gthub配置ssh key。
2.登陆github创建仓库,注意仓库名必须和用户名相同,比如username/username.github.io 将username换成自己的用户名,是用户名不是注册邮箱。
3.安装node,去node官网下载安装包, .msi文件,通过npm安装hexo,Hexo 是一个基于nodejs 的静态博客网站生成器,作者是来自台湾的 Tommy Chen,具体安装方法参照hexo官网介绍。注意
npm install hexo-cli -g 是在安装完node后,开始菜单里会有个node的命令行工具,在这里面入的。
4.随便选择目录创建要生成博客的文件目录,进入该目录:右键选择git bash 输入

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

folder 为要创建博客的文件夹名称。

5.通过以上步骤做完后,继续输入 hexo server 启动服务器,就可以用浏览器访问localhost:4000/ 查看效果了。

博客文件目录

├── _config.yml

├── package.json

├── scaffolds

├── scripts

├── source

| ├── _drafts

| └── _posts

└── themes

根目录的_config.yml文件是站点设置,可应用于真个站点,在theme目录下也有个_config.yml该设置仅适用于当前主题,换个主题就不适用了。

根目录的_config.yml的详细配置参照
此处

目前博客仅限于本地访问,要部署到github上需要将_config.yml中的deploy改为:

deploy:
  type: git
  repository: https://github.com/username/username.github.io.git
  branch: master

保存在gitbash中输入:hexo deploy 成功后,github在国外,估计要等上几分钟再能访问username.github.io.git 看到效果,推荐部署到gitcafe上面,很快就能看到效果,如果部署到gitcafe的话需要改为:

deploy:
  type: git
  repository: https://gitcafe.com/username/username.gitcafe.io.git
  branch: gitcafe-pages

主题的安装:

$ cd your-hexo-site`
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

next 是主题文件夹的名字,可以任意取名。如果要设置当前主题为next只需要在根目录的_config.yml文件中
theme: next 注配置文件中的冒号后必须有一个空格。
这里推荐一个主题next,我个人比较喜欢,主题继承了评论,rss等功能,具体设置见此处,比如要增加多说插件,只需要在该主题文件下的_config.yml的duoshuo_shortname:name 后填写申请的名称即可,非常方便。

注意一下几点:
1.关于hexo的命令输出都是在git bash下输入的
2.配置文件中的冒号后必须有空格
3.本地文件的任何改动都需要再hexo generate一下在部署,才会生效。

我本人在安装过程中参照 http://zipperary.com/2013/05/28/hexo-guide-2/ 的文章,但其中部分内容不适合新版本的hexo。如果机子上给github生成过ssh key,再给gitcafe生成ssh key时估计会连接不上gitcafe,生成ssh key时需要指定文件名,和给github生成略有不同。具体请百度

时间: 2024-08-26 16:01:27

hexo搭建github静态博客的相关文章

使用Hexo搭建Github静态博客

1. 环境环境 1.1 安装Git 默认配置就好 1.2 安装node.js 下载:http://nodejs.org/download/ 安装时直接保持默认配置即可. 2. 配置Github 1.1 建立Repository 建立与你用户名对应的仓库,仓库名必须为[your_user_name.github.io] 1.2 配置SSH-Key 参考文章:window下配置SSH连接GitHub.GitHub配置ssh key 3. 安装Hexo 关于Hexo的安装配置过程,请以官方Hexo[2

Hexo搭建Github静态博客(windows)

1:注册好github账号,新建一个仓库(仓库名必须为[your_user_name.github.io]) 2:配置好github ssh-key一般安装github后都会先配置ssh-key 3:使用npm (先安装nodejs node官网:http://nodejs.org/)安装hexo到全局(关于Hexo的安装配置过程,请以官方Hexo[2]给出的步骤为准)官网地址:https://hexo.io/ 4:都配置好后先在你准备存放项目的文件夹右击git Bash,然后使用git clo

使用hexo搭建github个人博客网站

搭建步骤: 1>Mac或win电脑一台,本文以mac为例. 2>下载安装Git和Node 3>安装hexo 4>注册登录GitHub,创建一个仓库,库名格式为:GitHub用户名.github.io 5>购买域名,本文以阿里云为例,解析域名. 6>博客主题,标题,界面设置 安装Git 下载地址:https://git-scm.com/download/ 安装Node 下载地址:http://nodejs.cn/download/ 验证是否安装成功: 安装hexo //安

github+hexo搭建自己的博客网站(七)注意事项(避免read.me,CNAME文件的覆盖,手动改github page的域名)

详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定域名可以查看:http://www.chengxinsong.cn 可以查看在github上生成的静态文件(如果觉得可以请给颗星星):https://github.com/saucxs/saucxs.github.io.git 注意1:怎么避免 .md 文件被解析? Hexo原理就是hexo在执行hexo generate时会在本地先把博客生成的一套静态站点放到public文件夹中,在执行hexo depl

github+hexo搭建自己的博客网站(六)进阶配置(搜索引擎收录,优化你的url)

详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定了域名: http://www.chengxinsong.cn hexo+github博客网站源码(可以clone,运行,看到博客演示.觉得可以给颗星星):https://github.com/saucxs/hexo-blog-origin.git 一.搜索引擎收录 1.验证网站所有权 登录百度站长平台:http://zhanzhang.baidu.com,只要有百度旗下的账号就可以登录,登录成功之后在站点

在Ubuntu 14.04上搭建github Pages博客

背景 github是一个全球性的代码托管平台,支持github Pages服务.这个服务可以为个人.组织或项目建立静态主页.github为用户提供项目托管.git.pages等用于项目开发的功能.我们使用的就是其pages服务.相对于其他提供免费博客的网站,github的最大优点是无任何广告且提供git版本管理工具对博客进行管理.但劣势是需要一定的命令行操作,对于普通用户有一定门槛.Octopress是一款优秀的静态化博客系统,官方将它简称为:"A blogging framework for

使用Hexo搭建自己的博客

参考文章 使用GitHub和Hexo搭建免费静态Blog http://wsgzao.github.io/post/hexo-guide 我的主题  https://github.com/ppoffice/hexo-theme-icarus hexo博客换主题--icarus  http://hexo.trity.cc/2015/08/24/hexo%E5%8D%9A%E5%AE%A2%E6%8D%A2%E4%B8%BB%E9%A2%98--icarus/

hexo+github个人博客搭建

首先要了解一下我们搭建博客要用到的框架.Hexo是高效的静态站点生成框架,它基于Node.js.通过Hexo,你可以直接使用Markdown语法来撰写博客.相信很多小伙伴写工程都写过README.md文件吧,对,就是这个格式的!写完后只需两三条命令即可将生成的网页上传到你的github上,然后别人就可以看到你的网页啦.是不是很简单?你无需关心网页源代码的具体细节,你只需要用心写好你的博客内容就行. 安装Node.js 首先下载最新版Node.js,我这里给的是64位的. 安装选项全部默认,一路点

Github pages和Hexo搭建自己的博客

title: Hello Hexo date: 2018-08-30 21:14:27 tags: hexo photo: https://avatars1.githubusercontent.com/u/31088082?s=400&u=7a99ff83916afb3f4c5312bd78a1be17fe0e34ed&v=4 --- 电脑环境是Windows,安装好git后,所有搭建操作均在git bash内完成 1.需要安装git, node.js, npm 注:第一次安装Git会让配