Hexo框架的微博搭建

Hexo框架的微博搭建(macOS)

1、下载

下载node,(hoxe是由nodejs来生成,所以必须安装)
网址 node下载地址
安装:一路点击下来进行安装。安装完成有两个组件,一个是node.js,一个是npm包管理器(搭建hexo博客时必需)。

2、打开终端,进入root用户

sudo su

(需输入密码)

3、查看node版本,确认安装

node -v

查看npm版本,确认安装

npm -v

4、安装hexo

由于国内镜像源下载较慢,可先利用npm安装cnpm(淘宝源)

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

安装完成同样用命令查看版本,确认安装成功。

cnpm -v

利用cnpm安装hexo

cnpm install -g hexo-cli

同样验证安装成功

hexo -v

5、正式搭建博客

首先查看路径,因为后续要建立文件夹,确保自己知道位置

pwd

建立文件夹,以blog文件夹为例

mkdir blog

进入blog检验路径,并使自己位于blog路径

cd blog/

使用hexo生成博客,同时会生成默认主题

sudo hexo init

安装成功,查看目录下生成了什么

ls -l

启动博客(在本地4000端口启动,可以自己复制网址查看,默认生成了一篇文章——Hello World),ctrl+c退出。

hexo s

该命令后续写博客使,可用作预览命令。

5、终端简单写一篇文章

创建文章(.md文件)并取标题

hexo n "我的第一篇博客"

终端查看创建的.md文件

先看自己位于哪个文件

pwd

然后根据层级关系进入刚创建的.md文件(默认是放在blog/source/_posts中)

cd source/_posts/

查看

ls -l

即可看到自己刚才创建的博客标题

用vim编辑文章(输入以下命令,回车,进入vim的命令模式,输入i进入编辑模式编辑,基于markdown来写)

vim 我的第一篇博客.md

修改完成后,保存退出(esc,再:(冒号),再输入wq)

重新生成
查看自己位于的文件夹

pwd

退回到blog

cd ../..

检查是否回到blog

pwd

生成.html

hexo g

重新启动查看编辑后的文章(本地网址与上文相同,需要刷新显示)

hexo s

6、把博客部署到GitHub

新建仓库,注意,仓库名称必须是自己的昵称.github.io,之后在浏览器输入此地址就可以访问微博。

7、回到命令行

安装hexo-deployer=git插件(安装过程中的wanring不用管哦)

cnpm install --save hexo-deployer-git

还需设置点东西,命令行打开_config,yml,文件最底部,deploy下改为

vim _config.yml
type: git
repo: https://github.com/zhixian666/zhixian666.github.io.git
branch: master

8、把博客部署到远端

hexo d

接下来输入自己github账号和密码,(回车后出现提示就一路点下来就ok了)
此时博客生成的内容就会出现在github仓库中

9、见证成果,可以把自己的博客分享给小伙伴啦

分享github的仓库名。

参考

https://www.bilibili.com/video/BV1Yb411a7ty?from=search&seid=13841657827845654743

posted @ 2020-05-08 09:59  不知老之将至  阅读(117)  评论(0编辑  收藏  举报