用 hexo 快速搭建博客
如何做到一毛不拔的搭建网站

以下操作全程使用管理员权限,因为我不清楚哪里会出现 permission denied
1.下载 nodejs

对应 windows 用户,下载对应的 ".msi" 的文件安装就行
Linux 和 Mac 用户...此处省略
安装成功后可以查看版本
node -v
npm -v

为方便国内使用,可以把 npm 换成 taobao 的 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.本地搭建
安装 hexo
cnpm install -g hexo-cli
查看版本,验证成功
hexo -v
创建一个文件夹,比如名为 blog
mkdir blog
进入 blog , 初始化hexo
hexo init
等他完事后,可以在 http://localhost:4000/ 下本地预览
如图 :
hexo s

如果新建一篇文章
文件名最好为英文,方便操作
hexo n name
他会在 source/_posts 下生成一篇名为 name 的 markdown 文件,内容自己写
3.推到远端
登录你的 github , 新建一个仓库

仓库名为 用户名.github.io 用户名小写

现在是个空仓库

回到终端下
安装 hexo-deployer
cnpm install --save hexo-deployer-git
修改 _config.yml 文件
在 blog 目录下
如图修改最下面 , repo 改为自己的仓库地址

部署到远端
hexo d

你可以刷新 github 仓库, 里面已经有东西了

完事
你的博客地址就是:
用户名.github.io
4.更换主题
hexo 主题 : https://hexo.io/themes/
每个主题里都有说明
比如:lx
在 blog 目录下
git clone https://github.com/blleng/hexo-theme-lx themes/lx
按照他说明的改一下就行了
把 blog/_config.yml 里的 theme 改成要换的主题名就完事了, 把 landscape 改成 lx
本地预览一下
hexo clean
hexo s
如果渲染不出来,尝试安装以下解决
cnpm install hexo-renderer-pug hexo-renderer-stylus hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-generator-archive --save
推到远端
hexo g
hexo d
5.常用命令总结 :
创建一篇新文章
hexo n example
---
清理旧的数据
hexo clean
---
重新生成一下
hexo g
---
部署到远端
hexo d
The_End
用 hexo 快速搭建博客的更多相关文章
- Hexo快速搭建博客
1. 准备工作 ~ 安装node.js -> npm -> hexo-cli ~ 安装git -> 版本控制工具 2. 更换npm(nodejs package manager)源 ...
- 使用coding和hexo快速搭建博客
欢迎访问我的个人博客皮皮猪:http://www.zhsh666.xyz 今天教大家怎么用hexo快速搭建自己的博客.我不是专业人士,不懂前端知识,所以我十分讨厌那些专业术语,讲了一大堆,对于技术小白 ...
- 在Windows下使用Hexo+GithubPage搭建博客的过程
1.安装Node.js 下载地址:传送门 去 node.js 官网下载相应版本,进行安装即可. 可以通过node -v的命令来测试NodeJS是否安装成功 2.安装Git 下载地址:传送门 去 Git ...
- Django快速搭建博客系统
Django快速搭建博客系统 一.开发环境 Windows 7(64bit) python 3.6 https://www.python.org/ Django 2.0 https://www. ...
- hexo+github搭建博客跳坑
hexo+GitHub搭建博客过程中,hexo安装成功,可以启动和运行,但是访问localhost:4000却无法访问,弄了半天,最后发现是福昕阅读器占用了4000端口 解决办法: 采用命令hexo ...
- Hexo+NexT(零):最全Hexo+Next搭建博客教程
快速.简洁且高效的博客框架 有位大神说,喜欢写博客的人的人,折腾博客会经历三个阶段.找到一个免费空间,搭建一个博客,很欣喜,很有成就感,此为一阶段:受限免费空间各种限制,自己买空间和域名,实现对博客的 ...
- hexo+github搭建博客(超级详细版,精细入微)
# 前言 你了解[Hexo]( https://hexo.io/zh-cn/ "Hexo官网")吗? Hexo是一个静态博客框架,基于Node.js,将Markdown文章通过渲染 ...
- GitHub+Hexo+gulp搭建博客网站
一.前期准备 1.注册GitHub账号. 不做说明 2.创建仓库 创建一个新的仓库来放置我们的文件. 3.下载安装Node.js https://nodejs.org/en/ 两个版本,选择右边那 ...
- 用 Hugo 快速搭建博客
用 Hugo 搭建博客 Hugo 是一个用 Go 编写的静态站点生成器,生成速度很快 下面是具体操作: 1.安装 Hugo Windows 用户 使用 Chocolatey 或者 Scoop 快速安装 ...
随机推荐
- 「SCOI2005」互不侵犯 (状压DP)
题目链接 在\(N\times N\) 的棋盘里面放 \(K\)个国王,使他们互不攻击,共有多少种摆放方案.国王能攻击到它上下左右,以及左上左下右上右下八个方向上附近的各一个格子,共\(8\) 个格子 ...
- codeforces644B. Processing Queries (模拟)
In this problem you have to simulate the workflow of one-thread server. There are n queries to proce ...
- 【noi 2.6_6252】带通配符的字符串匹配(DP)
题意:给出一个带有通配符("?"可以代替一个字符,"*"可以代替零个或多个字符)的a字符串和一个不带通配符的b字符串,判断他们是否能够匹配. 解法:f[i][j ...
- aop详解与实战
1. 什么是AOP aop:面向切面编程.采用横向机制. oop:面向对象编程.采用纵向机制. AOP,面向切面编程.就是通过某个切入点(比如方法开始.结束)向某个切面(被切的对象)切入环绕通知(需要 ...
- CDN 概述
占位 CDN(Content Delivery Network)内容发布网络 推荐Blog: CDN 学习笔记
- leetcode 122 123 309 188 714 股票买卖 动态规划
这类问题有一个通法 https://leetcode-cn.com/problems/best-time-to-buy-and-sell-stock-iii/solution/yi-ge-tong-y ...
- React Native & Security
React Native & Security https://reactnative.dev/docs/security React Native blogs https://reactna ...
- Nmap & ncat
Nmap & ncat https://github.com/udacity/course-ud303 https://nmap.org/dist/nmap-7.30-setup.exe Yo ...
- js 构造函数 & 静态方法 & 原型 & 实例方法
js 构造函数 & 静态方法 & 原型 & 实例方法 ES5 "use strict"; /** * * @author xgqfrms * @licens ...
- node.js 中间件
node.js 中间件 node.js middleware Express middleware body-parser cookie-parser cookie-session cors csur ...