zl程序教程

您现在的位置是:首页 >  其他

当前栏目

hexo博客搭建

2023-02-26 10:15:50 时间

目录

  1. node.js的安装
  2. hexo的安装
  3. Git的安装
  4. 本地搭建博客
  5. 开始管理你的博客!
  6. 将博客部署到Github上
  7. 主题选择
  8. 参考资料

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 shexo server即可开启本地连接

{% asset_img hexoServer.jpg %}

6. 在浏览器输入网址 http://localhost:4000 即可打开本地的博客

显示出页面代表已经完成本地搭建

5.开始管理你的博客!

1.创建博客

输入hexo new '<name>' 命令创建一篇新的博客文章,文章会以Markdown文件格式储存在/source/__post文件夹中

2.编辑文章内容

基于Markdown语法编辑文章

Markdown基本语法教程

3.上传保存更改后的文章

在根目录中先后输入hexo cleanhexo ghexo generate上传更改后的文件

4.本地查看更新

输入命令hexo shexo 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 dhexo deploy 部署到远端 出现{% asset_img githubStep4.jpg %}提示符表示部署已经完成

6.打开你的博客

在浏览器中输入你的仓库名即可打开你的博客

到此为止已经完成了一个基本博客的搭建

7.其他

7.1 主题选择

​ 根据个人喜好搜索

​ CSDN: Hexo 好看的主题推荐_浮沉半生的博客-CSDN博客_hexo主题

hexo博客搭建


本站部分内容转载自网络,版权属于原作者所有,如有异议请联系QQ153890879修改或删除,谢谢!
转载请注明原文链接:hexo博客搭建

你还在原价购买阿里云、腾讯云、华为云、天翼云产品?那就亏大啦!现在申请成为四大品牌云厂商VIP用户,可以3折优惠价购买云服务器等云产品,并且可享四大云服务商产品终身VIP优惠价,还等什么?赶紧点击下面对应链接免费申请VIP客户吧:

1、点击这里立即申请成为腾讯云VIP客户

2、点击这里立即注册成为天翼云VIP客户

3、点击这里立即申请成为华为云VIP客户

4、点击这里立享阿里云产品终身VIP优惠价

喜欢 (0)
[[email protected]]
分享 (0)