Github 结合 Hexo 搭建轻量博客
http://www.open-open.com/lib/view/open1481532171287.html
开始
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
也有很多此类的文章了,不过还是要记录一下,分享给大家,我自己也做个复习。我也是不久前才弄好 ^_^
工具准备
- 1.安装Node.js
- 2.安装Git
安装过程就不说了,估计没有不会的。
- 3.注册Github帐号
点击进入 Github ,注册帐号(用户名关系到博客以后的 域名前缀)。
安装Hexo
安装完上述程序,就可以进行Hexo的安装了。
打开命令行,输入安装命令:
npm install hexo-cli -g
等待完成,安装 Hexo 后,依次执行下列命令,Hexo将会在指定文件夹中新建所需要的文件。
folder(不用打[])是你新建的文件夹名称,用于存放博客的所有文件。
默认安装在你打开的命令行默认所在的目录,可以切换至其他目录进行安装。
hexo init [folder]
cd [folder]
npm install
比如我把目录切换到D盘进行安装。
列出一个目录,看见下面这句话,就说明安装成功了。
可以打开电脑看一下目录结构。
执行下面命令,生成网站(public文件夹):
hexo g
结果如下:
执行下面命令,运行服务,就可以在浏览器中访问了,地址为: http://localhost:4000 :
hexo s
如果遇到 hexo s 无效或者错误,可能是因为没有安装hexo server,执行下面命令,然后再试:
npm install hexo-server --save
浏览器查看(这就是安装好的模样,这是默认主题,可以添加新的主题):
但是现在我们只能在我们本地的电脑上面浏览,别人无法看见,我们还需要将它部署到Github上面。这样就可以让别人访问了。
hexo 基本命令,先了解,后面会用到。
hexo g #完整命令为hexo generate,用于生成静态文件
hexo s #完整命令为hexo server,用于启动服务器,主要用来本地预览
hexo d #完整命令为hexo deploy,用于将本地文件发布到github上
hexo n #完整命令为hexo new,用于新建一篇文章
hexo clean #清除生成的文件
部署
新建仓库(New repository)
登录到你的Github帐号,在右上角+号点击新建。
填写信息。格式为:你的用户名.github.io。然后创建。
配置网站信息
打开你的文件夹,找到 _config.yml 文件,打开它。最开始和最后。
默认可能会没有repo和branch选项,我们要手动写上。
repo: 地址为下图中的地址。替换成你的就可以。
Github 默认分支是 master。
暂时修改这些信息就可以。
# Site
title: Hexo #网站标题
subtitle: #副标题
description: #描述
author: zgm #作者,你的名字
language: zh-Hans #设置语言 zh-Hans为中文
timezone: #时区 默认使用电脑的时区 # Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/你的用户名/你的用户名.github.io.git
branch: master
设置Git
在Git Bash输入以下指令(任意位置点击鼠标右键),检查是否已经存在了SSH keys。
ls -al ~/.ssh
如果不存在就没有关系,如果存在的话,可以直接删除.ssh文件夹里面所有文件。输入以下指令:
邮箱就是你注册Github时候的邮箱
执行命令,生成密钥。
ssh-keygen -t rsa -C "xxx@xxx.com"
然后回车,出现提示就直接回车,第一次会问你是否继续,回车,第二次问你是否设置一个密码,写不写都可以,第三次是重复输入密码,没有的话就直接回车。
之后找到用户目录下.ssh文件夹,打开id_rsa.pub文件,复制里面的内容。
打开github网页找到右上角点击你的头像,找到Setting,进去点SSH keys,新建一个SSH。
在Git Bash输入下面的命令:
ssh -T git@github.com
登陆成功。
前面我们说过,hexo d 是部署到Github的命令,但是现在我们执行的话,会提示你
ERROR Deployer not found:git
所以我们还要安装hexo-deployer-git:
npm install hexo-deployer-git --save
安装完成后,在Git Bash配置一下用户名和密码(分别是你的邮箱和用户名):
git config --global user.email "xxx@xxx.com"
git config --global user.name "你的用户名"
执行部署命令:
hexo d
通常情况下是先生成网站,然后部署。可以将两个步骤放到一起:
hexo d -g
现在你就可以打开网站看到效果了。
发表
新建文章
通过以下命令新建文章:
hexo new "文章名字"
然后用编辑器打开你文件夹下面的 source\_posts 里面的 文章名字.md 文件。
title: 文章名字 #标题
date: 2016-12-09 12:04:29 #发表日期
categories: blog #文章文类
tags: [文章,blog] #文章标签
---
#这里是正文,用markdown写,你可以选择写一段显示在首页的简介后
#加上<!--more-->,在<!--more-->之前的内容会显示在首页,
#之后的内容会被隐藏,点击Read more才能看到。
更新文章
在命令行执行:
hexo d -g
这样就可以把你的新文章传上去啦。
Github 结合 Hexo 搭建轻量博客的更多相关文章
- 使用 GitHub 和 Hexo 搭建个人独立博客
Wordpress这类博客系统功能强大,可对与我只想划拉的写点东西的人,感觉大材小用了.而且wp需要部署,网站的服务器也会带来问题,国内的服务器首先需要备案,费用不低:国外服务器访问速度受影响.近 ...
- Ubuntu下github pages+hexo搭建自己的博客
hexo 是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github上.Hexo简单优雅, 而且风格多变, 适合搭建个人博客,而且支持多平台的搭建. 平台 Ubuntu14.04 ...
- github+hexo搭建自己的博客网站(六)进阶配置(搜索引擎收录,优化你的url)
详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定了域名: http://www.chengxinsong.cn hexo+github博客网站源码(可以clo ...
- github+hexo搭建自己的博客网站(七)注意事项(避免read.me,CNAME文件的覆盖,手动改github page的域名)
详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定域名可以查看:http://www.chengxinsong.cn 可以查看在github上生成的静态文件(如 ...
- 使用GitHub+hexo搭建个人独立博客
前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话 ...
- Hexo搭建静态个人博客
Hexo简介 之前在Github上托管的博客就是使用jekyll搭建的,官方的Github Pages同样推荐使用它.我之前体验了一下jekyll,没有达到我想要的效果.于是寻找替代方案,搜索同类博客 ...
- 使用Hexo 搭建自己的博客
使用Hexo 搭建自己的博客 最近一直都想着如何去搭建属于自己的博客,有空的时候就写写文章什么的. 本人对该博客系统的要求是: 博文的编写要采用现在流行的MarkDown来进行编写. 本人还不想去注册 ...
- github+hexo搭建自己的博客网站(一)基础入门
github提供的page,hexo提供的静态博客文档,这样可以搭建一个自己的一个博客网站. 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可 ...
- 基于gitHub+hexo搭建的个人博客
文章导航 前期准备 安装hexo 修改hexo主题 自定义主题 部署本地文件到github查看 我的第一篇博客 前期准备 下载安装git命令行工具.node及npm环境 注册自己的GitHub账号 安 ...
随机推荐
- Tex 一些命令
1. [!htp] 可以使这个内容跟随在前面的内容后面 假如前面是一段文字,后面是一幅图像,不知什么原因跑到其他地方去了.这时加个[!htp]可以使他紧紧跟在后面 ergdsgagdfgdfgfgaf ...
- 机器学习(ML)十六之目标检测基础
目标检测和边界框 在图像分类任务里,我们假设图像里只有一个主体目标,并关注如何识别该目标的类别.然而,很多时候图像里有多个我们感兴趣的目标,我们不仅想知道它们的类别,还想得到它们在图像中的具体位置.在 ...
- RegExp-dotAll
//.不能匹配四个字节的utf16字符和行终止符\n,\r console.log(/foo.bar/.test('foo\nbar')) //false //dotAll console.log(/ ...
- 国内某Python大神自创完整版,系统性学习Python
很多小伙伴纠结于这个一百天的时间,我觉得完全没有必要,也违背了我最初放这个大纲上来的初衷,我是觉得这个学习大纲还不错,自学按照这个来也能相对系统的学习知识,而不是零散细碎的知识最后无法整合,每个人的基 ...
- kafka高吞吐,低延迟的分布式消息队列
核心概念 broker是kafka的节点,多台broker集群就是kafka topic消息分为多个topic partition分区,topic划分了多个partition分区,存在负载均衡策略 每 ...
- if (flag)
var flag = false;//暂停标记if (flag){ alert("aa")}else { alert("bb")}bb if (flag) = ...
- 远程操作Linux主机
通过putty文件访问: 下载路径:https://the.earth.li/~sgtatham/putty/0.70/w32/putty-0.70-installer.msi 通过Python文件执 ...
- 常见的一些mysql多表操作收集(备份)
原帖地址:https://blog.csdn.net/qq_37248648/article/details/78468291 多表操作框架 SELECT A.ID, A.NUMBER, A.PRIC ...
- 使用pyaudio播放无损音乐(wav)
安装pyaudio sudo apt-get install python-pyaudio python3-pyaudio pip3 install pyaudio 执行第二步可能会遇到如下错误: 根 ...
- 在linux里面ps -ef | grep tomcat 什么意思
linux中的查看和tomcat有关系的进程的命令 例如 [root@localhost bin]# ps -eaf | grep tomcat root 5091 1 0 23:04 pts/0 0 ...