博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
github上搭建hexo博客
阅读量:6222 次
发布时间:2019-06-21

本文共 1148 字,大约阅读时间需要 3 分钟。

环境安装


Git:主要用于上传博客页面到github和命令操作
Node.js:Hexo的运行环境
安装Hexo
Hexo:博客程序
打开安装Git后的生成的右键菜单Git Bash,输入如下代码安装Hexo:

npm install -g hexo-cli

等待安装完成即可

生成本地博客


首先切换到你需要创建博客的文件目录,鼠标右击空白处打开git bash,输入如下代码生成一个本地博客:

hexo init myblog

创建好之后输入代码切换到博客文件夹目录并使用npm包管理工具安装hexo所需的依赖模块

cd myblog && npm install

继续输入:

npm install hexo-deployer-git --save

这是用于将hexo本地博客上传到github页面上必需的模块

最后再输入

npm install hexo-server --save

安装hexo服务器模块,用于本地预览博客

到这里就基本在本地完成博客的搭建了。可以输入如下命令来看下hexo博客的初始效果:

hexo s

这条命令是hexo server的简写形式,启动一个本地服务器,不要关闭当前git bash窗口,打开浏览器,输入网址http://localhost:4000进行访问。有一篇Hello World博文,效果图如下:

将本地博客上传到github


创建需要将博客存放在github上的仓库,我们需要一个github账户,如果没有请,然后点击New repository创建仓库,Repository Name按如下格式填写:

yourname.github.io

注:yourname填写你的账户名

点击Create repository即可
修改_config.yml文件
找到_config.yml文件,用记事本打开(Nodepad++sublime等文本编辑器都可),鼠标拉到最下面,修改成:

deploy:  type: git  repo: https://github.com/yourname/yourname.github.io.git

注:两处yourname都需要填写你的账户名

部署本地博客到github


首先输入如下命令生成静态页面

hexo g

这条命令是代码hexo generator的缩写,生成好之后,继续输入

hexo d

这条命令是代码hexo deploy的缩写,用于将生成的静态文件上传到github,等待完成之后在浏览器输入yourname.github.io就可以看到你的博客页面了

注:首次使用git会询问github的账号信息,填写你对应的账户信息即可
推荐主题:,里面有详细的next主题使用方法,在此我就不赘述了

转载地址:http://bygja.baihongyu.com/

你可能感兴趣的文章
后端_计算机网络
查看>>
关于大数问题的个人理解
查看>>
每日两道前端面试题 - 20190202
查看>>
用友云开发者中心助你上云系列之在线调试
查看>>
sequelize-cli 使用记录
查看>>
区块链共识协议最详细的分析
查看>>
JS难点之hoist
查看>>
2018的年终总结和2019新目标
查看>>
新近爆出的runC容器逃逸漏洞,用户如何面对?
查看>>
还在用AIDL吗?试试EasyMessenger吧
查看>>
LeetCode 318. Maximum Product of Word Lengths
查看>>
百度PaddlePaddle再获新技能 智能推荐、对话系统、控制领域都能搞定!
查看>>
我对JavaScript中this的一些理解
查看>>
前端知识点——图片
查看>>
别人家的程序员是如何使用 Java 进行 Web 抓取的?
查看>>
Spring Cloud Alibaba迁移指南(二):零代码替换 Eureka
查看>>
Redash本地开发环境搭建
查看>>
npm管理依赖
查看>>
解决浏览器保存密码自动填充问题
查看>>
Python3时间戳转换为指定格式的日期
查看>>