先看效果:ious.ml

记录使用hexo搭建个人博客的过程

至于在博客里记录什么内容,现在还没想好。已经熟悉了博客园,不想换。

1.概念

Github Pages

Github Pages可以被认为是用户编写的、托管在github上的静态网页。
GitHub是一个“社会编码”网站。它允许您上传代码存储库以存储在 Git 版本控制系统中。然后,您可以在代码项目上进行协作,默认情况下系统是开源的。

hexo

快速、简洁且高效的博客框架,四个特点:超快速度,支持 Markdown,一键部署,丰富的插件。

NexT

«NexT» 是一款风格优雅的高质量 Hexo主题,自点点滴滴中用爱雕琢而成。

参考

2.准备

必要软件

  • 安装Git Bash:https://www.git-scm.com/downloads
  • 安装nodejs:https://nodejs.org/en/

安装hexo和Next

先创建一个文件夹:bolg(用来存放所有博客的的东西)

cd D:\CODE\bolg #D:\CODE\bolg是我的文件夹
npm install -g hexo-cli #安装hexo脚手架
hexo init   #hexo初始化命令
npm install  #
git clone https://github.com/theme-next/hexo-theme-next themes/next #安装Next主题

新建项目

在github上新建一个名叫ioufev.github.io的项目,ioufev是我的用户名

SSH Key

生成SSH Key

因为本地Git仓库和GitHub仓库之间的传输是通过SSH加密传输的,GitHub需要识别是否是你推送,GitHub只要知道了你的公钥,就可以确认只有你自己才能推送,所以需要配置ssh key。

ssh-keygen -t rsa -C "ioufev@163.com"  #创建ssh key,ioufev@163.com是我自己注册GitHub的邮箱
#然后回车3次
#运行完可以在C:\Users\用户名\.ssh查看内容,有id_rsa和id_rsa.pub两个文件,这两个就是SSH Key的秘钥对,id_rsa是私钥,不能泄露,id_rsa.pub是公钥,可以公开。

Github上设置SSH keys

  • GitHub上的SSH keys:https://github.com/settings/keys
  • 点击“Add SSH Key”,填上Title(随意写,比如home),在Key文本框里粘贴id_rsa.pub文件里的全部内容。
  • 验证是否成功
ssh -T git@github.com  #在git bash里输入命令
#输入yes

配置Github账户信息

git config --global user.name 'ioufev'  #设置用户名,ioufev是我的Github用户名
git config --global user.email 'ioufev@163.com'  #设置用户名邮箱,ioufev@163.com是我自己注册GitHub的邮箱
#运行完可以在C:\Users\用户名\.gitconfig查看内容

设置域名

自定义域名教程:GitHub Pages绑定自定义域名

默认域名是:https://ioufev.github.io,ioufev是我的github用户名

我申请了免费域名:ious.ml,设置了免费SSL证书,那我的博客域名就是:https://ious.ml

3.配置

配置细节较多,单独说明

4.hexo命令

常见命令

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #部署到GitHub
hexo help  # 查看帮助
hexo version  #查看Hexo的版本

缩写:

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

写博客

定位到我们的hexo根目录,执行命令:

hexo new 我们的目标是星辰大海

hexo会帮我们在blog\source\_posts下生成相关.md文件,就是博客内容,.md是markdown文件后缀名,用文本编辑器打开编辑。

然后执行组合命令:

hexo s -g #生成并本地预览
hexo d -g #生成并上传

搭建Github博客:开始的更多相关文章

  1. 使用Hexo搭建github博客步骤,超简便

    categories: 工具 tags: git Windows 搭建博客 你只需要node环境和一个github账号就可以开工啦! 本教程适合于Windows环境,Mac教程也大同小异 利用hexo ...

  2. 【环境搭建】使用Jekyll搭建Github博客

    前言 昨天花了差不多一天的时间,使用Jekyll搭建起了一套Github博客,感觉不错,也特将搭建过程记录下来,方便有需要的朋友自行搭建. 搭建步骤 本环境是在Linux环境下搭建完成的 安装前建议使 ...

  3. 使用Hexo搭建GitHub博客(2018年Mac版)

    关于本文 本文仅记录自己学习搭建Hexo博客之时,搭建过程中掉坑的历程总结,对零基础起步的观众朋友可能缺乏某些基础技术的指导,请优先食用下述两篇优质教程: [2018更新]小白独立搭建博客-Githu ...

  4. Linux下使用Hexo搭建github博客

    找到一篇靠谱的博客,备份一下: ---------以下原文------------------ Nodejs安装 因为hexo是基于nodejs的应用,所以要先安装nodejs才可以.我这里以Ubun ...

  5. 转:20分钟教你使用hexo搭建github博客

    注册Github账号 这里我们就不多讲了,小伙伴们可以点击这里,进入官网进行注册. 创建仓库 图片来自Github 登录账号后,在Github页面的右上方选择New repository进行仓库的创建 ...

  6. 搭建github博客,hexo主题

    买个域名,多少钱的都有,看自己喜欢,可以去万网,ali嘛. 一般在windows,下载gitbash(配置公钥,全局用户名和email),node.js(不用配置). 新建github项目,添加公钥( ...

  7. 使用hexo搭建github博客

    Win7系统已经安装了node.js和npm npm install -g hexo-cli 全局安装hexo客户端 hexo init blog 在喜欢的位置初始化blog目录 cd blog np ...

  8. 用Hexo在GitHub上搭建个人博客

    我用Hexo在GitHub上搭建好了自己的博客,我的这第一篇博客就来说说搭建的过程. 1 环境配置 本文使用环境如下: Windows 10 node.js v8.1.3 git v2.13.2 np ...

  9. jekyll+github搭建个人博客总结

    jekyll+github搭建个人博客 经过一天多的折腾,终于算是搭建好了自己的个人博客,看到有些社区评论说:在windows下用jekyll搭建静态博客,简直就自讨苦吃,但是都到一半了,有什么办法呢 ...

随机推荐

  1. 【WC2018】州区划分(FWT,动态规划)

    [WC2018]州区划分(FWT,动态规划) 题面 UOJ 洛谷 题解 首先有一个暴力做法(就有\(50\)分了) 先\(O(2^nn^2)\)预处理出每个子集是否合法,然后设\(f[S]\)表示当前 ...

  2. 【转】分享两个基于MDK IDE的调试输出技巧

    我们在STM32开发调试过程中,常常需要做些直观的输出,如果手头没有相关的设备或仪器,我们可以使用 IDE自带的工具.这里分享两个基于MDK  IDE的调试输出技巧. 一.使用其自带的逻辑分析仪查看波 ...

  3. cf1088E Ehab and a component choosing problem (树形dp)

    题意(考试时看错了对着样例wa了好久..):从树上选k个连通块,使得权值的平均值最大的基础上,选的块数最多 如果不考虑块数最多的限制,肯定是只选一个权值最大的块是最好的 然后只要看这个权值最大的块有多 ...

  4. NOIP2017题解

    T1小凯的疑惑 小凯手中有两种面值的金币,两种面值均为正整数且彼此互素.每种金币小凯都有 无数个.在不找零的情况下,仅凭这两种金币,有些物品他是无法准确支付的.现在小 凯想知道在无法准确支付的物品中, ...

  5. highstock+websocket实现动态展现

    效果:从后台获取回测数据,在前端动态展现,和聚宽实现的回测效果相仿 大体思路:先传一个[[int,0],[int,0],[int,0],[int,0],[int,0],...]格式的死数据到前端渲染x ...

  6. BZOJ 1996: [Hnoi2010]chorus 合唱队(区间dp)

    题目: https://www.lydsy.com/JudgeOnline/problem.php?id=1996 题解: 这题刚拿到手的时候一脸懵逼qwq,经过思考与分析(看题解),发现是一道区间d ...

  7. CF235D Graph Game

    CF235D Graph Game 好题 树? 考虑每个点被计算多少次 但是和当前分治中心有关系的 所以,f(a,b),对于a作为中心时候,和b相连的概率 也就是两者必然分离,最后一次连在一起的时候, ...

  8. vue2.0获取自定义属性的值

    最近在项目中使用了vue.js.在爬坑的路上遇到了很多问题.这里都会给记录下来,今天要说的是怎么获取自定义属性的值. HTML <!DOCTYPE html> <html> & ...

  9. PMP证书的获取,不知道10大注意事项会吃亏

    作为一个已经考过PMP的小项目经理我来说,近来接到不少咨询PMP的,有咨询考试事宜的,也有咨询后续的换审和PDU的,今天我这边就说说PMP项目管理证书要获取的一些注意事项,不注意的话可是会吃大亏的. ...

  10. 第四节,Neural Networks and Deep Learning 一书小节(上)

    最近花了半个多月把Mchiael Nielsen所写的Neural Networks and Deep Learning这本书看了一遍,受益匪浅. 该书英文原版地址地址:http://neuralne ...