经常看到大牛的博客非常的高大帅气,虽然我很渣,但是逼格不能输,所以有了以下的搭建记录。

我的成果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.0C:\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: gitrepo: git@github.com:Ninwoo/ninwoo.github.io.gitbranch: 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啦!

转载于:https://www.cnblogs.com/NinWoo/p/9649162.html

搭建好看的静态博客(使用Hexo进行搭建)相关推荐

  1. 腾讯云cos html,Docsify+腾讯云对象存储 COS,一键搭建云上静态博客

    最近一直在想如何利用 COS 简化静态博客的搭建过程.搜了很多的静态博客搭建过程,发现大部分的静态博客都要通过编译才能生成静态页面.功夫不负有心人,终于让我找到了一个超简洁博客的搭建方法. 效果预览 ...

  2. 使用vuepress搭建GitHub pages静态博客页面

    提前说明:本过程比较详细,相当于手把手的教,针对于不熟悉vuepress的人介绍的,大佬不喜勿喷. 第一步:新建一个GitHub仓库 仓库名随便取,不用以 username.github.io 这种方 ...

  3. Pelican + Github 搭建自己的静态博客

    //想了解更多请访问我的新网站:Techwhims Techwhims.com 之前在Github上使用基本的jekyll模板搭建过一个博客,但是那时候前端技术的水平有限,搭出来的博客很不好看,一些基 ...

  4. 【经验】静态博客部署 Hexo + Netlify-CMS + Vercel (在线构建)

    目录 引入 背景 方案 步骤 生成starter模板 添加Netlify CMS在线管理 添加Netlify身份验证组件 启用git gateway身份验证 换用Vercel作为CDN 重新添加js ...

  5. Github、Jekyll 搭建及优化静态博客方法指南

    尝试自己写 Blog 的人,一般会经历三个阶段. 第一阶段,刚接触 Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客. 第三阶段,觉 ...

  6. 在win10子系统ubuntu平台下使用jekyll和github pages搭建自己的静态博客网站

    前言 总喜欢在自己闲得无聊的时候,折腾一些东西.最近喜欢上了markdown的方便简洁,就想借助jekyll和github pages来搭建一个静态博客网站,然后只需要跟平时写代码一样,上传自己的.m ...

  7. python搭建博客系统_用Pelican快速搭建极简静态博客系统

    我一直建议每个开发者都要有写博客记笔记的习惯,一来可以沉淀知识,二来可以帮助别人,我使用过很多博客平台,也用Python开发过博客系统,就这么个东西折腾好几年,一直找不到理想的产品,直到我用Pelic ...

  8. github page hexo博客gitee_GitHub+hexo快速搭建个人博客

    写博客的好处是我们用博客表达自己.升华自己. 平时学习新知识总是经常性会遗忘部分内容,使用过有道云,印象笔记,公众号,缺金社区,csdn,Github,码云等等记录了零零散散一些内容.所以准备使用he ...

  9. 如何快速搭建好看的个人博客(完整配置与源码)

    为什么选择vuepress 博客地址 程序员成长指北(http://www.inode.club/)  可以先体验下. 之前使用docsify部署过个人博客, 在此之前也使用过gitbook, 这次使 ...

最新文章

  1. opencv c++ 寻找矩形框_基于Python的OpenCV人脸检测!OpenCV太强了!
  2. 升级SUSE Linux内核的完整步骤!
  3. 基于通用权限管理系统实现的单点登录
  4. 安装spring-tool-suite插件
  5. python生成器杨辉三角_python 生成器生成杨辉三角的方法(必看)
  6. Lua的继承(利用setmetatable)
  7. OAuth 2.0 扩展协议之 PKCE
  8. SCI EI 期刊等讨论站点
  9. Linux下ftp的安装配置
  10. 数据库设计中一个矛盾:数据库外键,用还是不用?你怎么看.?
  11. LeetCode 724. Find Pivot Index
  12. 第2章 JSP数据交互(一)
  13. 乐高ev3编程 c语言,乐高ev3编程软件下载-乐高EV3机器人编程软件lego mindstorms ev31.0 官方版 - 极光下载站...
  14. 社工必备查询网址汇总
  15. 微信开发者工具测试方法
  16. 从消费互联网到产业互联网:平台思维始终是主导
  17. java文件打包jar文件_如何把JAVA文件打包成jar文件
  18. BB8700 bowser net
  19. Pandas学习——Pandas基础
  20. homeassistant mysql_学习笔记 篇三:HomeAssistant学习笔记docker安装的ha更换数据库

热门文章

  1. 69.数据库系统的两级映射(映像)
  2. Qt解析XML及QTableWidget用法示例
  3. AI时代的摩尔定律?黄氏定律预测AI性能将逐年翻倍
  4. 多线程编程:return、pthread_exit()、exit()函数区别
  5. 2021考研时间公布 2020年12月26日至27日进行初试
  6. 学英语必备的18条法则,建议收藏!
  7. 史上最全,100+大数据开源处理工具汇总
  8. switch中default的用法
  9. go定时读取mysql_golang+数据库定时任务
  10. linux中的jobs命令,Linux 中 jobs 命令详解