hexo博客搭建

简介: 关于hexo类型博客的搭建流程

目录

  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 %}

点击红色框部分下载

安装只需不断 下一步 即可

安装完成后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

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主题

相关文章
|
8月前
|
JavaScript Shell 网络安全
hexo博客1:环境配置
hexo博客1:环境配置
74 0
|
10月前
|
Web App开发 域名解析 JavaScript
3分钟搭建个人Hexo博客
从账号的创建到一键部署,手把手教你零基础创建个人博客,后续可以继续根据网上的教程来修改代码对博客进行定制化的美化。
74 1
|
域名解析 JavaScript Linux
关于Hexo博客
关于Hexo博客
106 0
YI
|
12月前
|
Shell
Hexo博客搭建3
之前的文章介绍了博客的本地搭建和线上部署。因为hexo的内置主题不够好看,所以我们可以选择加载其他主题来美化我们的博客页面。本文我将介绍基于hexo框架搭建的博客如何修改主题。
YI
55 0
YI
|
12月前
|
Shell 开发工具 数据安全/隐私保护
Hexo博客搭建2
上一篇介绍了博客的本地环境搭建,但这只能本地访问自己的博客。如果想让自己的博客被互联网上的其他人访问,我们还需要将博客项目进行线上部署。本文我将介绍将博客部署到github上的方法。
YI
52 0
YI
|
12月前
|
JavaScript Shell Linux
Hexo博客搭建1
暑假在家学习时,突然感觉学过的知识忘记的很快,所以决定搭建个人博客来记录学习过程。经过前期了解后,决定采用Hexo框架来搭建个人博客。本文将记录博客搭建过程。
YI
80 0
|
JavaScript 搜索推荐 程序员
使用Hexo 搭建你的技术博客
使用Hexo 搭建你的技术博客
147 0
|
JavaScript 安全 应用服务中间件
|
JavaScript Shell Linux
使用Hexo搭建自己的博客
之前一直在用typecho来做自己的博客,因为他操作比较简单,但是前几日修改一些配置的时候,看着满屏的php代码实在有些头疼,在朋友的推荐下,我成功的入坑了hexo,下面分享一些自己搭建博客的过程,尽量让读者避开一些坑。
|
缓存 JavaScript 前端开发
【Hexo】手把手教你搭建属于你自己的博客
【Hexo】手把手教你搭建属于你自己的博客
147 0
【Hexo】手把手教你搭建属于你自己的博客