搭建好看的静态博客(使用Hexo进行搭建)
经常看到大牛的博客非常的高大帅气,虽然我很渣,但是逼格不能输,所以有了以下的搭建记录。
我的成果ninwoo,喜欢的可以参考下面的记录一起来动手搞起来。
安装Git Bash
访问git下载最新版本的git bash
安装完成之后,右键打开git bash,设置用户名和邮件信息
git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"
生成ssh秘钥文件
ssh-keygen -t rsa -C "GitHub注册邮箱"
直接三个回车即可,默认不需要设置密码。
查看生成的公钥
cat ~/.ssh/id_rsa.pub
复制内容,打开github setting keys界面,创建新的SSH key,并粘贴公钥到Key输入框中。
在git bash中测试是否配置成功
ssh git@github.com
出现:
PTY allocation request failed on channel 0
Hi Ninwoo! You've successfully authenticated, but GitHub does not provide shell access.
Connection to github.com closed.
证明设置成功。
创建GitHub仓库
创建新的仓库,仓库名为[用户名].github.io,用户名用Github名称代替。
这样做的主要目的就是为了以后可以通过该网址进行访问你的博客主页,所以要仔细设置。在这里,我配置成Ninwoo.github.io
以下的配置中,也需要对应修改为你自己的仓库名。
安装Node.js
访问Node.js官网下载安装包。
下载完成后,点击安装。打开CMD查看是否安装成功。
C:\Users\ljo04>node -v
v8.12.0
C:\Users\ljo04>npm -v
6.4.1
如果上述命令均正常通过,则安装完成。
安装Hexo
1.创建一个新的文件夹作为Hexo的开发目录,这里我命名为Hexo_project
E:\project>mkdir Hexo_project
2.使用npm安装Hexo
为了提高安装速度,先配置淘宝npm镜像
E:\project\Hexo_project>npm config set registry https://registry.npm.taobao.org
3.安装Hexo
E:\project\Hexo_project>npm install -g hexo-cli
4.初始化hexo
E:\project\Hexo_project>hexo init blog
INFO Cloning hexo-starter to E:\project\Hexo_project\blog
Cloning into 'E:\project\Hexo_project\blog'...
remote: Counting objects: 68, done.
remote: Total 68 (delta 0), reused 0 (delta 0), pack-reused 67
Unpacking objects: 100% (68/68), done.
Submodule 'themes/landscape' (https://github.com/hexojs/hexo-theme-landscape.git) registered for path 'themes/landscape'
Cloning into 'E:/project/Hexo_project/blog/themes/landscape'...
remote: Counting objects: 838, done.
remote: Compressing objects: 100% (6/6), done.
Receiving objects: 26% (222/838), 292.01 KiB | 88.00 KiB/s
这个过程可能需要等待一阵时间
5.测试站点是否创建成功
# 创建一篇博客test
E:\project\Hexo_project\blog>hexo n test
# 生成博客
E:\project\Hexo_project\blog>hexo g
# 启动服务器预览
E:\project\Hexo_project\blog>hexo s
这时,可以打开浏览器访问http://localhost:4000/,查看blog界面,发现已经创建好新的文章test。
推送至网站
1.修改blog配置文件E:\project\Hexo_project\blog\_config.yml
deploy:
type: git
repo: git@github.com:Ninwoo/ninwoo.github.io.git
branch: master
注意:这里repo要选择ssh的git库链接,否则会在部署的时候报错
2.安装Git部署插件
E:\project\Hexo_project\blog>npm install hexo-deployer-git --save
3.部署博客
E:\project\Hexo_project\blog>hexo clean
E:\project\Hexo_project\blog>hexo g
E:\project\Hexo_project\blog>hexo d
4.测试是否部署成功
现在访问https://ninwoo.github.io/ ,如果出现blog界面这证明部署成功。
更换主题
如果觉得默认主题实在是太丑,可以更换其他主题,下面的教程中,我选择Next主题。
1.下载主题
E:\project\Hexo_project\blog> git clone https://github.com/theme-next/hexo-theme-next themes/next
2.打开配置文件E:\project\Hexo_project\blog\_config.yml
更换主题
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next
plugins: hexo-generate-feed
3.重新部署blog
E:\project\Hexo_project\blog>hexo clean
E:\project\Hexo_project\blog>hexo g
E:\project\Hexo_project\blog>hexo d
小节
到这里,高端大气上档次的Blog就创建完成了,读者可以开始编写自己的blog啦!
搭建好看的静态博客(使用Hexo进行搭建)的更多相关文章
- Docsify+腾讯云对象存储 COS,一键搭建云上静态博客
最近一直在想如何利用 COS 简化静态博客的搭建过程.搜了很多的静态博客搭建过程,发现大部分的静态博客都要通过编译才能生成静态页面.功夫不负有心人,终于让我找到了一个超简洁博客的搭建方法. 效果预览 ...
- Hexo搭建 github.io 静态博客使用指南
What? Hexo 是一个快速.简洁且高效的博客框架.可以使用markdown 解析成文章,在几秒内,即可利用靓丽的主题生成静态网页. Why? 笔记需要整理 How? github 创建 char ...
- 使用vuepress搭建GitHub pages静态博客页面
vuepress官网 vuepress是尤大开发来写文档的静态页面.可以用Markdown 语法,并且也可以使用vue模块化的方式开发页面. vuepress-theme-reco 是另外的开发者开发 ...
- Github、Jekyll 搭建及优化静态博客方法指南
尝试自己写 Blog 的人,一般会经历三个阶段. 第一阶段,刚接触 Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客. 第三阶段,觉 ...
- 用hexo在github上搭建自己的静态博客
在自己的小站上发过一次,这边就不再多发一次了,直接给链接好了: http://nerohwang.github.io/2014/02/11/simple-test/
- 转--利用hexo搭建个人静态博客
引用地址 可谓图文并茂,可以配合 七牛云存储(做图片等文件服务器),搭建好看的个人博客 hexo 官方指导文档 主题 官网教程 问题集锦 简书 http://blog.csdn.net/wx_9624 ...
- 基于mkdocs-material搭建个人静态博客
基于mkdocs-material搭建个人纯静态博客,没有php,没有mysql 如果你只是想安安静静的放一些技术文章,发布到个人站点或github-pages,mkdocs-material很适合你 ...
- Hexo搭建Github静态博客
1. 环境环境 1.1 安装Git 请参考[1] 1.2 安装node.js 下载:http://nodejs.org/download/ 可以下载 node-v0.10.33-x64.msi 安装时 ...
- hexo搭建静态博客
1. 环境环境 1.1 安装Git 请参考[1] 1.2 安装node.js 下载:http://nodejs.org/download/ 可以下载 node-v0.10.33-x64.msi 安装时 ...
随机推荐
- PHP microtime() 函数
定义和用法 microtime() 函数返回当前 Unix 时间戳和微秒数. 语法 microtime(get_as_float) 参数 描述 get_as_float 如果给出了 get_as_fl ...
- 使用 BEGINCONTENT() 和 ENDCONTENT() 设定 YII 的 LAYOUTS
Yii 的 views/layouts 是用来放置 layouts 的目录,在默认的情况下会有 main.php 和 column1.php 和 column2.php. main.php 内容定义了 ...
- 《Java程序设计》第12周课堂实践总结
<Java程序设计>第12周课堂实践总结 实践一 教材代码检查-p98 要求 修改教材P98 Score2.java, 让执行结果数组填充是自己的学号: 提交在IDEA或命令行中运行结查截 ...
- pip问题解决方案
错误信息:usr/bin/pip: No such file or directory 解决办法(一共四步,按照下面的步骤来从1到4,最后你会发现问题都解决了): 1.which pip /usr/l ...
- Python的编码注释【转】
格式有多种,但必须有coding:[编码]或者coding=[编码],如: # -*- coding:utf-8 -*- # coding:utf-8 # coding=utf-8 转自:https ...
- C#中控件Control的Paint事件和OnPaint虚函数的区别
句柄 : 句柄,是整个Windows编程的基础.一个句柄是指使用的一个唯一的整数值,即一个4字节(64位程序中为8字节)长的数值,来标识应用程序中的不同对象和同类对象中的不同的实例,诸如,一个窗口,按 ...
- List集合的子类ArrayList和LinkedList
一: 我们常用对集合的操作,查询.增删等操作. 由于集合的存储的方式的不同,导致有些集合查询快但是增删慢.有些集合增删快.但是查询慢. ArrayList:由于ArrayList存储的方式为数组形式. ...
- ZOJ 3212 K-Nice(满足某个要求的矩阵构造)
H - K-Nice Time Limit:1000MS Memory Limit:32768KB 64bit IO Format:%lld & %llu Submit Sta ...
- 带着问题学习openstack
1.为什么要引入nova conductor, nova conductor 为什么接管了nova api RPC调用nova scheduler 的任务? nova-conductor:与数据库交互 ...
- iOS下微信语音播放之切换听筒和扬声器的方法解决方案
[[UIDevice currentDevice] setProximityMonitoringEnabled:YES]; //建议在播放之前设置yes,播放结束设置NO,这个功能是开启红外感应 // ...