hexo博客搭建
目录
- node.js的安装
- hexo的安装
- Git的安装
- 本地搭建博客
- 开始管理你的博客!
- 将博客部署到Github上
- 主题选择
- 参考资料
1.node.js的安装
node.js下载地址 : https://nodejs.org
{% asset_img nodejs0.png %}
(福利推荐:阿里云、腾讯云、华为云服务器最新限时优惠活动,云服务器1核2G仅88元/年、2核4G仅698元/3年,点击这里立即抢购>>>)
点击红色框部分下载
安装只需不断 下一步 即可
安装完成后win+R 打开 cmd 输入node -v
查看是否安装成功 若出现版本号 {% asset_img hexoCmdVersion0.png %}说明安装成功
再输入npm -v
查询npm是否安装成功
若都安装成功则进入下一步:安装cnpm
输入npm install -g cnpm --registry=https://registry.npm.taobao.org
输入cnpm -v
检查是否安装成功
2.hexo框架的安装
在cmd中输入cnpm install -g hexo-cli
开始安装hexo框架
等待安装成功后,同样通过hexo -v
验证是否安装成功
{% asset_img hexoCmd0.png %}
hexo安装成功如上图所示
3.Git的安装
Git的下载
官方下载地址: https://git-scm.com/download/win
下载安装教程: http://www.cnblogs.com/qijunjun/p/7137207.html?userCode=wrvvs1rm
4.本地搭建博客
1. 创建一个文件夹作为博客的根目录
如果后续安装失败或出错,只需要删除这个文件夹重新创建,并不会影响到其他的配置。
2. 在该文件夹中打开cmd命令行窗口 / (或者通过命令行语句进入该目录)
{% asset_img openCmd.jpg %}
3. 输入hexo init
命令开始生成hexo
等待安装………
如果安装失败,复制失败提示百度/CSDN都可以解决
4. 安装成功后文件夹会出现以下这些文件
{% asset_img successInstall.jpg %}
5. 在命令行输入hexo s
或hexo server
即可开启本地连接
{% asset_img hexoServer.jpg %}
6. 在浏览器输入网址 http://localhost:4000 即可打开本地的博客
显示出页面代表已经完成本地搭建
5.开始管理你的博客!
1.创建博客
输入hexo new '<name>'
命令创建一篇新的博客文章,文章会以Markdown文件格式储存在/source/__post
文件夹中
2.编辑文章内容
基于Markdown语法编辑文章
Markdown基本语法教程
3.上传保存更改后的文章
在根目录中先后输入hexo clean
和 hexo g
或hexo generate
上传更改后的文件
4.本地查看更新
输入命令hexo s
或hexo server
在本地端口查看更新后的博客
6.将博客部署到Github上
首先你需要注册一个Github账号
github官网地址: http://github.com/
输入账号、邮箱、密码,然后点击注册按钮.
1.在github主页右上角点击新建一个仓库
{% asset_img githubStep0.jpg %}
2.(重点) 部署仓库名字必须和用户名相同
{% asset_img githubStep1.jpg %}
3.下载上传工具
在根目录的命令行中输入cnpm install --save hexo-deployer-git
下载安装
4.(重点)设置_config.yml文件
推荐在文件夹中找到这个文件用记事本打开编辑
在文件底部找到 # Deployment 将type的值改为git,下面添加repo属性填入github地址,再添加一个branch属性填入master
{% asset_img githubStep2.jpg %}
github地址:
感谢程序羊code sheep的视频教程
{% asset_img githubStep3.jpg %}
5.部署到远端
输入hexo d
或hexo deploy
部署到远端 出现{% asset_img githubStep4.jpg %}提示符表示部署已经完成
6.打开你的博客
在浏览器中输入你的仓库名即可打开你的博客
到此为止已经完成了一个基本博客的搭建
7.其他
7.1 主题选择
根据个人喜好搜索
CSDN: Hexo 好看的主题推荐_浮沉半生的博客-CSDN博客_hexo主题
你还在原价购买阿里云、腾讯云、华为云、天翼云产品?那就亏大啦!现在申请成为四大品牌云厂商VIP用户,可以3折优惠价购买云服务器等云产品,并且可享四大云服务商产品终身VIP优惠价,还等什么?赶紧点击下面对应链接免费申请VIP客户吧:
相关文章
- Jgit的使用笔记
- 利用Github Action实现Tornadofx/JavaFx打包
- 叹息!GitHub Trending 即将成为历史!
- 微软软了?开源社区讨论炸锅,GitHub CEO 亲自来答
- GitHub Trending 列表频现重复项,前后端都没去重?
- Photoshop Elements 2021版本软件安装教程(mac+windows全版本都有)
- (ps全版本)Photoshop 2020的安装与破解教程(mac+windows全版本都有)
- (ps全版本)Photoshop cc2018的安装与破解教程(mac+windows全版本,包括2023
- 环境搭建:Oracle GoldenGate 大数据迁移到 Redshift/Flat file/Flume/Kafka测试流程
- 每个开发人员都要掌握的:最小 Linux 基础课
- 来撸羊毛了!Windows 环境下 Hexo 博客搭建,并部署到 GitHub Pages
- 超实用!手把手入门 MongoDB:这些坑点请一定远离
- 【GitHub日报】22-10-09 zustand、neovim、webtorrent、express 等4款App今日上新
- 【GitHub日报】22-10-10 brew、minio、vite、seaweedfs、dbeaver 等8款App今日上新
- 【GitHub日报】22-10-11 cobra、grafana、vue、ToolJet、redwood 等13款App今日上新
- Photoshop 2018 下载及安装教程(mac+windows全版本都有,包括最新的2023)
- Photoshop 2017 下载及安装教程(mac+windows全版本都有,包括最新的2023)
- Photoshop 2020 下载及安装教程(mac+windows全版本都有,包括最新的2023)
- Photoshop 2023 资源免费下载(mac+windows全版本都有,包括最新的2023)
- 最新版本Photoshop CC2018软件安装教程(mac+windows全版本都有,包括2023