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作为一款非常流行的框架被广泛应用,但是部署起来实在是太麻烦了,各种命令各种配置,动态页面必然要涉及数据库 ...
随机推荐
- 解决 Laravel try catch 不工作的问题
最近再用laravel框架发现,try catch用了没有效果,不能捕获异常, 然后在think框架里也试了一下,发现竟然也不可以! [php] view plain copy try{ $i = ...
- java集成支付宝移动快捷支付时报错java.security.spec.InvalidKeySpecException: java.security.InvalidKeyException: IOException : algid parse error, not a sequence
出错原因是代码中的私钥设置错误,不是填原始的私钥,而是转换为PKCS8格式的私钥(Java格式的) ,改成后就会报创建交易异常了
- LCD相关基础知识
1.什么是LCD? (1)LCD(Liquid Crystal Display)俗称液晶.液晶是一种材料,液晶这种材料具有一种特点:可以在电信号的驱动下液晶分子进行旋转,旋转时会影响透光性, 因此我们 ...
- curl:get,post 以及SoapClien访问webservice数据
一.curl get模式 public function close_order(){ $url="http://192.168.2.50:7777/U8API.asmx?op=Insert ...
- ios中改变UIImagePickerController页面的button的文字为中文
可以在工程中直接 project-->info-->Localization native development region 赋值为 zh_CN
- 装饰者模式及C++实现
装饰者模式 时常会遇到这样一种情况,我已经设计好了一个接口,并且也有几个实现类,但是这时我发现我设计的时候疏忽了,忘记了一些功能,或者后来需求变动要求加入一些功能,最简单的做法就是修改接口,添加函数, ...
- Postgresql 9.6 搭建 异步流复制 和 同步流复制 详细教程
Basic Replication If you’re feeling overwhelmed, try setting up a slave to see how easy it is! We’ll ...
- C#发送邮件及注意事项
//参数配置 static readonly string smtpServer = System.Configuration.ConfigurationManager.AppSettings[&qu ...
- C#语言各个版本特性(二)
二.排序Product 1.按名称对产品进行排序,以特定顺序显示一个列表的最简单方式就是先将列表排序,再遍历并显示其中的项. C#1.1 使用IComparer对ArrayList进行排序 produ ...
- cesium编程入门(四)界面介绍及小控件隐藏
感性认识 界面介绍,viewer Geocoder : 查找位置工具,查找到之后会将镜头对准找到的地址,默认使用bing地图 Home Button :视角返回初始位置. Scene Mode Pic ...