博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
博客搭建-Github Pages+Hexo
阅读量:4658 次
发布时间:2019-06-09

本文共 2291 字,大约阅读时间需要 7 分钟。

选择前提

Github pages:

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

Hexo:

  •  快速、简洁且高效的博客框架

  • 一键部署,支持Markdown

 

安装Node.JS

 点击进入官网下载合适的版本安装

 

安装Git

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

 

  • 安装教程:

  • Git入门教程:

 

Hexo安装

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

npm install hexo-cli -gnpm install hexo-deployer-git --save

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

 

Hexo初始化配置

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

$ hexo init

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

部署项目,本地启动查看

hexo ghexo s

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

 

 

将博客部署到Github Pages上 

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

创建项目代码库

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

 

配置SSH秘钥

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

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

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

 

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

$ssh-keygen -t rsa -C "your_email@example.com"#这将按照你提供的邮箱地址,创建一对密钥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 git@github.com

 

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

 

  5.配置个人信息

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

$ git config --global user.name "ryanlijianchang"//用户名$ git config --global user.email  "liji.anchang@163.com"//填写自己的邮箱

 

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

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

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

  3. git命令部署推送

hexo ghexo d

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

 

美化博客

Hexo官方众多主题任君选择

 

  •  克隆主题

打开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

 

 

附录:

推荐主题: 

Markdown在线编辑器:

hexo常用命令:

转载于:https://www.cnblogs.com/naughoy/p/9204700.html

你可能感兴趣的文章
canvas制作刮刮乐案例
查看>>
软件工程真的是一门什么用都没有的学科么?
查看>>
笔记_JSON
查看>>
JSOI2018简要题解
查看>>
CentOS 6.3使用源代码方式安装配置JDK 1.6 和 Tomcat 7,非yum安装
查看>>
函数:引用file类对象及io类对象作为参数打印文本及显示文本
查看>>
mysql全面整理(用于复习、查阅)--正在更新
查看>>
网络资源
查看>>
Silverlight 之SortedList使用
查看>>
冲刺阶段(十)
查看>>
.xib 创建的文件 [self.view bringSubviewToFront:XXX];不好用
查看>>
重载、覆写和继承
查看>>
Linux高级指令
查看>>
Apache error: 403 Forbidden You don't have permission to access
查看>>
为什么你总成为不了架构师?
查看>>
华为牛人的十年工作感悟
查看>>
在Linux下用netstat查看网络状态、端口状态
查看>>
《Java编程思想》之为什么需要内部类?
查看>>
Laplace Transform
查看>>
Android数据传递,使用广播BroadcastReceiver;
查看>>