博客搭建-Github Pages+Hexo

选择前提

Github pages:

  • 可以绑定自己的域名
  • 简单快捷,使用Github Pages可以为你提供一个免费的服务器,免去了自己搭建服务器和写数据库的麻烦

Hexo:

  • 快速、简洁且高效的博客框架
  • 一键部署,支持Markdown

安装Node.JS

点击进入官网下载合适的版本安装https://nodejs.org/en/download/

安装Git

进入git官网下载https://git-scm.com/download/win,安装完成在cmd中检查版本号确认成功,桌面右键可看到Git GUI Here/Git Bash Here

Hexo安装

桌面右键鼠标,点击Git Bash Here,输入npm命令即可安装

npm install hexo-cli -g

npm install hexo-deployer-git --save

第一句是安装hexo,第二句是安装hexo部署到git page的deployer,两个都需要安装。

Hexo初始化配置

选择一个文件位置作为项目文件(D:\Github\Hexo),在此处右键选择Git Bash Here进入Git命令框,执行以下操作

$ hexo init

初始化完成自动创建项目文件

部署项目,本地启动查看

hexo g
hexo s

登录localhost:4000,即可看到本地的效果如下:

将博客部署到Github Pages上

本地的博客已经搭建,但是只能通过本地连接查看我们的博客。那么我们现在需要做的就是把本地的博客发布到服务器上,让别人也可以连接我们的博客,而Github Pages就帮我完成了这件事情。但是Github Pages的代码就是寄存在Github上面的。那么接下来我们需要在Github上面创建一个新的项目。

创建项目代码库

注册完登陆后,我们就创建一个我们自己的Github Pages项目。点击New repository

配置SSH秘钥

配置Github的SSH密钥可以让本地git项目与远程的github建立联系,让我们在本地写了代码之后直接通过git操作就可以实现本地代码库与Github代码库同步。

  1. 检查本机是否已经存在秘钥,打开Git Bash,并运行:
$ cd ~/. ssh 

检查你本机用户home目录下是否存在.ssh目录。如不存在此目录,则进行第2步操作,否则,你本机已经存在ssh公钥和私钥,可以略过第二步,直接进入第三步操作。

  2. 创建一对新的SSH密钥(keys)

$ssh-keygen -t rsa -C "[email protected]"
#这将按照你提供的邮箱地址,创建一对密钥
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/you/.ssh/id_rsa): [Press enter]

直接回车,则将密钥按默认文件进行存储。此时也可以输入特定的文件名,接着根据提示,你需要输入密码和确认密码(也可以直接回车,无需输入)

  3. 在GitHub账户中添加你的公钥

运行如下命令,将公钥的内容复制到系统粘贴板(clipboard)中:

clip < ~/.ssh/id_rsa.pub

登录github,进入设置选择SSH在相应位置添加秘钥

  4. 测试

输入下面命令,查看设置是否成功:

$ ssh -T [email protected]

如果是下面的反馈,输入yes即可:

  5.配置个人信息

现在你已经可以通过SSH链接到GitHub了,还有一些个人信息需要完善的。 Git会根据用户的名字和邮箱来记录提交。GitHub也是用这些信息来做权限的处理,输入下面的代码进行个人信息的设置,把名称和邮箱替换成你自己的,名字根据自己的喜好自己取,而不是GitHub的昵称。

$ git config --global user.name "ryanlijianchang"//用户名
$ git config --global user.email  "[email protected]"//填写自己的邮箱

将本地的Hexo文件更新到Github的库中

  1. 登录github,进入刚刚建立的项目username.github.io,复制ssh地址

  2. 打开开始创建的Hexo文件夹,用记事本打开文件夹下的_config.yml文件,修改如下位置

  3. git命令部署推送

hexo g
hexo d

执行完之后会让你输入github的账号和密码,输入完后就可以登录我们自己的部署在Github Pages服务器上的博客了(https://username.github.io/)

美化博客

Hexo官方众多主题任君选择https://hexo.io/themes/

  • 克隆主题

打开Hexo文件夹下的themes目录,右键Git Bash,在命令行输入:

git clone https://github.com/iissnan/hexo-theme-random (此处random替换成你需要使用的主题的地址)
  • 下载完成后,打开Hexo文件夹下的配置文件_config.yml,修改参数为:theme:name(根据实际情况变更)
  • 本地效果查看满意之后,即可部署推送到github上
hexo clean   (必须要,不然有时因为缓存问题,服务器更新不了主题)
hexo g -d

附录:

推荐主题:random

原文地址:https://www.cnblogs.com/naughoy/p/9204700.html

时间: 2024-10-10 17:28:33

博客搭建-Github Pages+Hexo的相关文章

在Ubuntu 14.04上搭建github Pages博客

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

U盘便携式hexo&amp;博客搭建&amp;极速纯净低bug主题推荐&amp;部署到coding&amp;SEO优化搜索

指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索 U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写hexo博客,一个U盘+几个网站即可搞定.便携式hexo,其免去Nodejs 和 Git 的安装和配置还包含了配置和懒人脚本.好处就是省事.简单.方便 便携式hexo下载及使用方法,由 HEXO Portable | 比特萌信息技术 免费提供服务.(这里使用的版本是1.0.3) 几个网站: 折腾选用:hexo中文文档

Hexo+git博客搭建

前言 早就想换一换我之前使用的wordpress博客了,昨天偶然看到一个学长的博客感觉前端简洁大气,于是查了一下他所用的Hexo这个博客框架.从doc来看使用简单,md的编辑方式很高效,浏览了一下主题也有几个不错的,于是趁着考试周之前的日子赶紧把博客搭建起来了. 搭建的环境是Mac+Ubuntu14.04 本地安装搭建博客 本地安装hexo框架 先使用homebrew安装npm: 1 brew install npm 使用npm安装Hexo 1 npm install hexo-cli -g 安

Hexo博客搭建过程

1.安装Node.js和Git nodejs中文网:http://nodejs.cn/下载nodejs,自行安装. Git官网:https://git-scm.com/,自行下载安装 1.1安装好Nodejs后,检查安装的版本 node -v 1.2提示:在哪输入node -v 命令呢?(熟悉者可忽略这个过程) windows系统:windows键+R快捷键打开运行,然后输入cmd,然后再cmd窗口下输入node -v 或者在node.js command prompt里输入node -v 2.

我的博客搭建日志

博客地址:绵绵小站 该篇博客原文:我的博客搭建日记-绵绵小站 我的博客搭建是以Github Pages为托管,使用Hexo的NexT模板,博客内容编写利用MarkDown排版方式,图片放在七牛云上,评论插件使用Hypercomments,文章阅读量统计使用LeanCloud. 本篇主要记录我在搭建中所遇到的问题以及着重想讲的部分,具体的搭建步骤,我会提供我所参考的设置文章. Github Pages 账号注册 安装git 新建仓库(两种方式) 博客源码托管到Coding 参考Hexo博客(10)

个人博客搭建线上实施方案

个人博客搭建线上实施方案 在hexo本地实施没有问题的基础上 实施方案 方案一:GithubPages 创建Github账号 创建仓库, 仓库名为:.github.io 将本地Hexo博客推送到GithubPages 3.1. 安装hexo-deployer-git插件.在命令行(即Git Bash)运行以下命令即可: $ npm install hexo-deployer-git --save 3.2. 添加SSH key. 创建一个 SSH key .在命令行(即Git Bash)输入以下命

博客搭建

前言 语雀 是一款非常好用的知识管理网站(类似 GitBook),它的编辑器非常好用,而且支持导出 Markdown,这篇文章是教你如何使用语雀的编辑器写静态博客.这里的静态博客用了 Hexo,Jekyll 也是没有问题的. 创建 Hexo 博客 已经有 Hexo 博客的可以跳过.如果你是 Jekyll ,也可以跳过. 安装 Node.js 安装 Hexo 脚手架 1 npm install -g hexo-cli 初始化一个博客 123 hexo init <folder>cd <fo

nodejs环境 + 入门 + 博客搭建

NodeJS:NodeJS是一个使用了Google高性能V8 引擎 的服务器端JavaScript实现.它提供了一个(几乎)完全非阻塞I/O栈,与JavaScript提供的闭包和匿名函数相结合,使之成为编写高吞吐 量网络服务程序的优秀平台. NPM:全称是Node Package Manager,是一个NodeJS定制的包管理和分发工具,如node-mysql,已经成为了非官方的发布Node模块(包)的标准. (npm类似maven,package.json类似pom.xml文件) mongod

学习他人博客搭建

https://www.aswifter.com/  很舒服 类似苹果的主页 -这个他的博客搭建主题他的搭建方法 http://jiji262.github.io/2016/04/15/2016-04-15-hexo-github-pages-blog/  方法,通过了解,是hexo来搭建,使用github上的免费空间来搭建个人博客,很不错哦