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

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

首先安利一下。

最近没事想着自己来搭建一个博客,在网上看了一些资料发现,Hexo + GitHub 是目前比较常用的博客搭建系统,因此就照着网上的教程一步一步,历经一天左右的时间搭建了这个个人博客。

想着用博客来记录自己的学习笔记,希望自己能把写博客这个习惯坚持下来。

ok,接下来就来看看我是怎么一步步搭建这个博客的。

基本环境搭建

了解 Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

安装前提

在安装Hexo之前我们需要知道电脑里有没有下面的应用程序,如果没有,点击安装,具体安装方法就不做介绍了;如果有则直接看下一步。

安装 Hexo

以上两个程序安装成功之后,接下来使用 npm 安装 Hexo,如果 npm 安装较慢,可考虑使用淘宝镜像 ,安装完 cnpm 之后可将下面所有用到 npm 的地方换为cnpm

npm install -g hexo-cli复制代码

输入以下命令检查 Hexo 是否安装成功。

hexo --version复制代码

如果有版本信息则安装 Hexo 成功。

开始搭建博客

初始化

Hexo安装完成之后,用以下命令新建一个文件夹并初始化 Hexo 所需文件。

hexo init 
cd folder_name npm install复制代码

hexo init过程可能会较慢,请耐心等待。

运行

以上过程结束之后,用如下命令在本地运行我们的博客。

hexo server复制代码

hexo server 可以简写为 hexo s

接着我们用浏览器打开 localhost:4000 即可看到我们搭建的博客。

将博客放入GitHub

博客搭建好之后,我们在 GitHub 新建一个仓库,可以命名为 your_blog_name.github.io ,以后就可以直接通过your_blog_name.github.io访问你的博客了。

请务必将仓库名设为xxx.github.io xxx为你自定义,否则之后会出现很多问题

新建好之后,在你的博客目录下,即前面提到的 folder_name下,使用如下命令关联GitHub仓库。

如果是第一次使用GitHub或者是没有配置 ssh 可能会要求输入帐号密码 ,最好的解决办法是,然后再进行以下操作。

git init    git remote add origin 
<远程仓库地址>
复制代码

接着打开主目录(folder_name)下的 _config.yml配置文件,找到 deploy,进行如下配置:

type: git    repo: 
<远程仓库地址>
branch: master复制代码

然后安装以下插件:

npm install hexo-deployer-git --save复制代码

然后执行以下命令生成静态文件:

hexo generate复制代码

可简写为 hexo g

最后将文件上传到GitHub

hexo deploy复制代码

可简写为 hexo d

开启Pages服务

GitHub上找到我们的仓库,点击右边的Settings

下滑找到
GitHub Pages ,点击
master branch,点击
save,即可开启
Pages服务。

点击GitHub Pages旁边给出的链接即可访问你的博客了。

这样你的博客基本上就搭建成功了,下一篇我们介绍。

大家也可以参考。

转载地址:http://ygdra.baihongyu.com/

你可能感兴趣的文章
javascript有用代码块(1)
查看>>
libevent 笔记
查看>>
PHP实现人人OAuth登录和API调用
查看>>
redis源码笔记 - initServer
查看>>
FindBugs工具常见问题
查看>>
ECSHOP报错误Deprecated: preg_replace(): The /e modifier is depr
查看>>
【iOS】iOS之Button segue弹出popOver消除(dismiss)问题
查看>>
java多线程系列5-死锁与线程间通信
查看>>
数据库分库分表
查看>>
腾讯Hermes设计概要——数据分析用的是列存储,词典文件前缀压缩,倒排文件递增id、变长压缩、依然是跳表-本质是lucene啊...
查看>>
小程序模板嵌套以及相关遍历数据绑定
查看>>
Systemd入门教程:命令篇(转)
查看>>
java随机范围内的日期
查看>>
spring事务学习(转账案例)(二)
查看>>
[官方教程] [ES4封装教程]1.使用 VMware Player 创建适合封装的虚拟机
查看>>
http协议与http代理
查看>>
【iOS开发-91】GCD的同步异步串行并行、NSOperation和NSOperationQueue一级用dispatch_once实现单例...
查看>>
Redis+Spring缓存实例
查看>>
Storm集群安装详解
查看>>
centos7.x搭建svn server
查看>>