HEXO博客搭建分享

HEXO博客搭建分享

Windows 在cmd中,macOS在terminal中进行操作

这里以macos为例(从一开始就切换到su:这能让你拥有更大权限)sudo su
,windows操作基本与下面类似

一.需要下载的文件

  1. Node.js

    官网下载地址(win与macos都可在官网下载)

    node -v //查看node.js版本,是否安装好了

在这里插入图片描述

  1. npm安装

    npm安装方法,复制下面代码到终端,直接用淘宝镜像安装(除非科学上网,不然不用镜像就会很慢)

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    npm -v //查看是否安装好了
    在这里插入图片描述

  2. Git Bash安装

    直接在百度搜索 git 下载即可

    git version 查看是否安装好了
    在这里插入图片描述

  3. Hexo安装

    • 首先创建一个空文件夹(blog)来存放存放创建的东西,cd 到子目录下

    • 终端输入命令,全局安装

      cnpm install -g hexo-cli

      查看是否安装成功

      hexo -v
      在这里插入图片描述

二.搭建博客

  1. pwd 查看一下自己是否在blog文件夹下面

  2. 如果是,则输入下列命令初始安装博客

    sudo hexo init

    等待。。。

    出现

    Start blogging with Hexo!

    就这么简单辣!即安装完成

  3. 可以点击文件夹或是输入ls -l 来查看blog文件夹下面的文件

三.启动博客

  1. 输入命令

    hexo s

    等待出现 Start processing 即可在本地网页查看了

  2. 本地网页查看

    http ://localhost:4000
    

四.编辑博客

  1. 用MarkDown格式来编辑博客(markdown语法可自行百度学习)

  2. 编辑文章

hexo n "我的博客"
   vim "我的博客".md `//编辑博客,也可以用typora,`vscode等软件编辑
  1. 生成文章

    hexo g
    
  2. 启动

    hexo s

五.部署博客到GitHub(免费)

  1. 首先你需要自己创建GitHub账号(科学上网或者网上寻求方法)

  2. 创建自己的仓库 yourgithubname.io.git

  3. 在blog文件夹下创建一个git插件,输入命令

cnpm install --save hexo -deployer-git
   hexo clean
   hexo g
   hexo deploy
  1. 设置blog文件夹下的_config.yml

    vim _config.yml

    在最底部找到deploy

 deploy:
 	type:git
     repo:在你GitHub上找到你的仓库地址赋值过来
  1. 部署到远端

    hexo d

  2. 去GitHub上刷新一下即可发现你的仓库里面有所有blog的文件了

    之后访问你的博客即可通过网址 https://yourblogname.github.io

这里你的博客搭建最最最简单的操作了,只需要按部就班就好,需要美化博客的可以去网上查找主题来进行替换。


如果失败了也不要灰心,只需要把blog文件夹删除后重新来过或者网上搜索一下出现的问题就是,我就是这么重复了n次成功的,哈哈哈,good luck!

发布了1 篇原创文章 · 获赞 0 · 访问量 6

猜你喜欢

转载自blog.csdn.net/ykykyk120/article/details/104968954