Hexo博客系列(一)-Windows系统配置Hexo v3.x个人博客环境
【原文链接】:https://blog.tecchen.xyz ,博文同步发布到博客园。
由于精力有限,对文章的更新可能不能及时同步,请点击上面的原文链接访问最新内容。
欢迎访问我的个人网站:https://www.tecchen.xyz 。
相关链接
- Hexo官网文档:https://hexo.io/zh-cn/docs/
- Git官网:https://www.git-scm.com/
- Pro Git:https://www.git-scm.com/book/zh/v2
环境安装
| 项目 | 版本 | |
|---|---|---|
| 操作系统 | Windows | |
| Git | Git-2.20.1-x64 | https://www.git-scm.com |
| Node.js | node-v11.6.0-x64 | https://nodejs.org |
| Hexo | v3.8.0 | https://hexo.io |
| Nexo | v6.7.0 | https://theme-next.org |
- 安装Git
下载地址:https://pan.baidu.com/s/1PTrFAs4hxol1RExNrNYlzg - 安装Node.js
下载地址:https://nodejs.org/dist/v11.6.0/node-v11.6.0-x64.msi - 安装 Hexo
使用 npm 安装 Hexo。
npm install -g hexo-cli
安装完成后,在Windows系统的cmd命令窗口可以正常执行hexo命令,但是在Git Bash命令窗口执行hexo命令时,提示错误。
ERROR Local hexo not found in C:\tecchen
ERROR Try running: 'npm install hexo --save'
只好在当前目录执行npm install hexo --save,安装到项目目录中。
npm install hexo --save
建站
初始化,可以不指定目录,则在当前目录完成初始化。
hexo init <folder>
cd <folder>
npm install --save --registry=https://registry.npm.taobao.org
安装服务器
Hexo 3.0 把服务器独立成了个别模块,您必须先安装 hexo-server 才能使用。
npm install hexo-server --save
hexo server 启动服务器,默认端口4000,可使用-p修改端口 可以略写为hexo s
使用浏览器,访问http://localhost:4000 即可看到默认的主页。
切换主题
进入hexo根目录,执行以下命令该命令会创建themes/next目录,并clone Next主题。
git clone https://github.com/theme-next/hexo-theme-next themes/next
与所有 Hexo主题启用的模式一样。当克隆/下载完成后,打开站点配置文件,找到theme字段,并将其值更改为next。
theme: next
修改语言
修改站点配置文件,将language设置为zh-CN,将博客设置为中文。
language: zh-CN
重启服务器,并访问http://localhost:4000 即可看到Next主题下的Hexo主页。
hexo的其他命令
hexo clean # 清理缓存文件 (db.json) 和已生成的静态文件 (public)
hexo generate # 生成静态文件 可以略写为 hexo g
hexo deploy # 部署,将public文件夹下的静态文件上传到指定的目标(推荐Git),完成部署 可以略写为hexo d
Hexo博客系列(一)-Windows系统配置Hexo v3.x个人博客环境的更多相关文章
- 搭建自己的技术博客系列(五)hexo博客接入busuanzi插件,展示访问量和网站运行时间
busuanzi计数脚本 busuanzi官方指引 一.安装脚本(必选) 要使用不蒜子必须在页面中引入busuanzi.js,目前最新版如下. 不蒜子可以给任何类型的个人站点使用,如果你是用的hexo ...
- windows下hexo+github搭建个人博客
网上利用hexo搭建博客的教程非常多,大部分内容都大同小异,选择一篇合适的参考,跟着一步一步来即可. 但是,很多博客由于发布时间较为久远等问题,其中某些操作在现在已不再适用,从而导致类似于我这样的小白 ...
- hexo零基础搭建博客系列(一)
关于其他搭建 [hexo4快速搭建博客(二)更换主题](https://blog.csdn.net/weixin_41800884/article/details/103750634)[hexo4快速 ...
- hexo搭建博客系列(三)美化主题
文章目录 其他搭建 1. 添加博客图标 2. 鼠标点击特效(二选一) 2.1 红心特效 2.2 爆炸烟花 3. 设置头像 4. 侧边栏社交小图标设置 5. 文章末尾的标签图标修改 6. 访问量统计 7 ...
- Hexo博客系列(二)-在多台机器上利用Hexo发布博客
[原文链接]:https://www.tecchen.xyz/blog-hexo-env-02.html 我的个人博客:https://www.tecchen.xyz,博文同步发布到博客园. 由于精力 ...
- 搭建自己的技术博客系列(二)把 Hexo 博客部署到 GitHub 上
1.在GitHub上建一个新仓库
- 如何搭建一个独立博客——简明Github Pages与Hexo教程
摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册.DNS设置.github和Hexo设置等过程,这是我写得最长的一篇教程.我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后 ...
- 博客 | 基于Travis CI实现Hexo在Github和Coding的同步自动化部署
文章目录 完成Hexo主题安装和配置 基于Travis CI实现同步部署 参考内容 相关链接 待补充 完成Hexo主题安装和配置 如果您还没有安装Hexo环境,请参考Hexo文档安装,也给出这样两篇博 ...
- 利用hexo来配合nginx来打造属于自己的纯静态博客系统
什么是静态网站生成器?顾名思义,就是以最快的速度生成一个高可用的web页面,我们知道Django作为一款非常流行的框架被广泛应用,但是部署起来实在是太麻烦了,各种命令各种配置,动态页面必然要涉及数据库 ...
随机推荐
- 【工具推荐】ELMAH——可插拔错误日志工具(转)
出处:http://www.cnblogs.com/liping13599168/archive/2011/02/23/1962625.html 今天看到一篇文章(构建ASP.NET网站十大必备工具( ...
- 检测Linux系统是否支持某系统调用
随内核版本的变化,会增加一些新的系统调用,但如果glibc没有跟上,则不能直接调用,这个时候可以自己包装一下.如果想知道内核是否支持某系统调用,先得知道它的系统调用ID号,下面代码即是用来检查是否支持 ...
- 从Objective-C到Swift 单例模式
在Objective-C中经常会用到单例模式.最常见的就是: [UIApplication sharedApplication].delegate 这里的sharedApplication就是一个返回 ...
- Opencascade、OpenGL和OpenSceneGraph的区别与联系
OpenGL只是三维显示 Openscenegraph基于场景图的概念,它提供一个在OpenGL之上的面向对象的框架,从而能把开发者从实现和优化底层图形的调用中解脱出来 Opencascade更适合算 ...
- Hello_Depth_Perception 任务二:Project Tango采集深度感知数据
Java API Depth Perception Tutorial深度感知教程 Configuration 配置信息 In order to use depth perception, your T ...
- 中心极限定理&&正态分布 随想
0-前言 笔者本来周末约好朋友出去骑行,不料天公不作美!哎,闲来无事来到了实验室,本来打算看看<天天向上>,而这一期又实在不好看(偶像剧).只好来做做一些小实验,脑海里突然想到“正态分布“ ...
- Windows服务器管理与优化
一.服务器自动重启windows服务器运行时间长了,内存会爆满,比如数据库会缓存大量的数量,IIS进程也会缓存数据而没有及时释放.这样需要定时重启服务器来释放内存. 创建任务计划,如在 每周一/周三/ ...
- web 给大家分享一个好玩的东西,也许你那块就用的到
先看效果: 就这个效果.当你点击右上角的删除按钮,会删除掉item1. 上代码: <!DOCTYPE html> <html> <head> <meta ch ...
- WPF Image显示图片,文件被占用异常
imageControl.Source = this.GetBitmapImage(imagePath);//imageControl为WPF Image控件 public BitmapImage G ...
- html Canvas 画图 能够选择并能移动
canvas 画图,能够选中所画的图片并且能够随意移动图片 <html xmlns="http://www.w3.org/1999/xhtml"> <head r ...