如何用Hexo+Github创建自己的技术博客
注册一个github
GitHub官网。按照一般的网站注册登录执行就好了,不详细说。
安装git
安装很简单,一直下一步 git安装教程
很多教程里都说要配置环境变量,我本人安装过5次左右的git,一次都没有配过,但是要配置用户名和邮箱,就是和github注册的一样
安装成功你在桌面右键,就能看到 多了两个 git命令
安装Nodejs
安装nodejs主要是为了安装npm包管理工具
在Nodejs官网下载自己系统的版本安装就好了
安装也是极其简单,一直下一步就好了。
推荐Nodejs安装教程!
在github上新建一个厂库
需要把Repository name 改成你自己的哦,例如我的:
finget.github.io
创建好了,来到Settings页面,开启gh-pages功能
在最后找到Github pages(我的是默认开启的,如果你不是就点击Launch automatic page generator按钮,一直下一步就行了)
完成之后,你可以在地址栏,打开yourname.github.io查看是否成功。
安装hexo
这个时候nodejs的npm就排上用场了
你可以用系统自带的命令面板(window下是cmd),也可以用git bash here
(推荐)
以下的命令懂得就不说了,不懂得小伙伴可以自己去了解一下
检查一下npm是否安装成功
1 |
npm -v |
1 |
npm install hexo-cli -g |
如果npm安装很慢,被墙了,推荐使用淘宝镜像
初始化blog
你可以在C、D、E、F盘任意一个地方,只要你喜欢,哪里都是可以的。新建一个文件夹来管理你的blog。
然后在这个文件夹内,右键打开git base here,就是这么神奇,哪里都有它。
- 检查你的hexo 是否安装成功
1 |
hexo -v |
- 初始化hexo
1 |
hexo init |
1 |
npm install 或者 cnpm install(如果你用了淘宝镜像) |
- 打开你的blog
1 |
hexo g |
1 |
hexo s |
然后会提示你:
1 |
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop. |
在浏览器中打开http://localhost:4000/,你将会看到:
到这里 恭喜你,你的本地blog已经搭建好了,把本地
圈起来要考。哈哈哈[捂脸]
与github对接,让别人也能访问你的blog
考虑到大家可能会存在的一种情况,就是换电脑,或者在家里和公司都想写blog,管理他,该怎么做呢!
- 新建一个hexo分支(branches)
这个分支就是用来装hexo的核心源文件的!慢慢往下看,一步一步来
在你的博客文件夹内,打开git base here。如果你的文件正确的话,现在是没有.git文件的,这是个隐藏文件夹,有的小伙伴没有设置怎么查看隐藏文件,不会的可以根据你的系统去百度一下,很简单的。
1 |
git init //初始化本地仓库 会生成一个.git文件 |
提交完成之后,你可以在github上的厂库里看到:
- 将博客文章提交到master页面
在你博客文件夹中找的F:\hexoBlog\_config.yml
文件,修改以下几处 (文末附上其他配置信息介绍)
1 |
# Site |
1 |
deploy: |
然后你就可以执行以下命令
1 |
hexo g |
1 |
hexo d |
现在可以再打开yourname.github.io看看了。不出意外,就成功了。
换了电脑之后怎么弄弄
在新电脑上,nodejs,git,github这些都要有哦
1 |
git clone -b hexo https://github.com/FinGet/finget.github.io.git //将Github中hexo分支clone到本地 |
如果hexo d -g
没有生效
可以再执行
1 |
hexo g |
你如果有多个电脑在用,每次写了blog在其他电脑上执行一下:
1 |
git pull origin hexo |
再写
完整的配置信息如下
1 |
# Site #站点信息 |
原文出处:
https://finget.github.io/2018/01/25/hexo-GitHub/
如何用Hexo+Github创建自己的技术博客的更多相关文章
- hexo+github创建属于自己的博客
配置环境 安装Node(必须) 作用:用来生成静态页面的 到Node.js官网下载相应平台的最新版本,一路安装即可. 安装Git(必须) 作用:把本地的hexo内容提交到github上去. 安装Xco ...
- 使用Hexo + Github Pages搭建个人独立博客
使用Hexo + Github Pages搭建个人独立博客 https://linghucong.js.org/2016/04/15/2016-04-15-hexo-github-pages-blog ...
- Hexo + Github Pages搭建的个人博客
这个不算是新手的搭建流程,如果你恰巧看见这篇文章,希望你已经安装好node.git等软件,因为第一步的环境搭建准备并没有详写,默认都会了.希望能解决你的问题. 步骤: 一. 搭建环境准备 二.安装he ...
- 使用Hexo+Github搭建属于自己的博客
工具:Visual Studio Code/MarkdownPad技术:Hexo+Github 创建Github项目 Github账户注册和新建项目,项目必须要遵守格式:账户名.github.io,不 ...
- HEXO+Github,搭建属于自己的博客
摘录自:http://www.jianshu.com/p/465830080ea9 1. github的准备 账号 密码 建立Repository建立与你用户名对应的仓库,仓库名必须为[your_us ...
- 使用Hexo+Github搭建属于自己的博客(基础)
前言 hexo是一个台湾人做的基于Node.js的静态博客程序,优势是生成静态文件的速度非常快,支持markdown, 我最终选定它的原因是它速度快而且不容易出错,并且可以一键部署到github或者其 ...
- Hexo+Github 搭建属于自己的博客(Mac下安装 其他操作系统大同小异)
安装前提 参考博客:http://blog.csdn.net/gdutxiaoxu/article/details/53576018#t5(写的很好,不用看我的了.....) 这篇:http://ww ...
- 使用Hexo & Github,搭建属于自己的博客
经过在网上各种找资料,踩过各种坑,终于搭建好了hexo,直接与gitbub一起使用,搭建起自己的免费的博客. 关于Hexo Hexo是一款基于Node.js的静态博客框架. Hexo特性 风一般的速度 ...
- Mac - Hexo+GitHub轻松搭建自己的博客
Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页.官方文档传送门.Hexo的安装是个很快速简便的过程,但 ...
随机推荐
- HDU 2089:不要62(数位DP)
http://acm.hdu.edu.cn/showproblem.php?pid=2089 不要62 Problem Description 杭州人称那些傻乎乎粘嗒嗒的人为62(音:laoer) ...
- 有意思的 CDN
Clean Clean false 7.8 磅 0 2 false false false EN-US ZH-CN AR-SA /* Style Definitions */ table.MsoNor ...
- 学Redis这篇就够了
Redis 简介 Redis 优势 Redis 数据类型 string hash list set Zset 小总结 基本命令 发布订阅 简介 实例 发布订阅常用命令 事务 实例 Redis 事务命令 ...
- 基于缓存或zookeeper的分布式锁实现
缓存锁 我们常常将缓存作为分布式锁的解决方案,但是却不能单纯的判断某个 key 是否存在 来作为锁的获得依据,因为无论是 exists 和 get 命名都不是线程安全的,都无法保证只有一个线程可以获 ...
- c++学习书籍推荐《Advanced C++》下载
百度云及其他网盘下载地址:点我 作者简介 James Coplien先在威斯康星大学获得电气与计算机工程学士学位,后又在该大学获得计算机科学硕士学位.他在贝尔实验室的软件产品研发部门工作,在这个部门从 ...
- 音频编辑器 OcenAudio v3.1.9.0 绿色便携版
下载地址:点我 基本介绍 ocenaudio是一款跨平台的,易于使用的,快速的,功能强大的,好用的音频编辑软件.该软件支持Virtual Studio Technology插件,美观.统一的跨平台界面 ...
- BASE64Encoder及BASE64Decoder的正确用法
一直以来Base64的加密解密都是使用sun.misc包下的BASE64Encoder及BASE64Decoder的sun.misc.BASE64Encoder/BASE64Decoder类.这人个类 ...
- python接口自动化(三十四)-封装与调用--函数和参数化(详解)
简介 前面虽然实现了参数的关联,但是那种只是记流水账的完成功能,不便于维护,也没什么可读性,随着水平和技能的提升,再返回头去看前边写的代码,简直是惨不忍睹那样的代码是初级入门的代码水平都达不到.接下来 ...
- Senparc.Weixin.MP SDK 微信公众平台开发教程(二十一):在小程序中使用 WebSocket (.NET Core)
本文将介绍如何在 .NET Core 环境下,借助 SignalR 在小程序内使用 WebSocket.关于 WebSocket 和 SignalR 的基础理论知识不在这里展开,已经有足够的参考资料, ...
- Java底层技术系列文章-hashcode深入理解
带着问题去理解: 1. Object类HashCode方法是如何实现的,和String类有什么区别? 2.HashCode和Equals之间的关系? 一.hashCode作用 hashCode方法返回 ...