搭博客-萌新记录

博客搭建——萌新篇:


最近搭了自己的博客,发现大佬们的教程各有千秋,按照自己的理解做了下记录

环境:

Git:

百度下载即可(记得先注册一个github账号,名字别乱起,起个自己喜欢的短一点的,不然别后悔,然后去创建个仓库,仓库名字叫做:你的名字.github.io。注意!!!这个名字是你的用户名别蠢萌蠢萌的真输入“你的名字”这四个字!!!

Node:

百度官网下载安装即可

Hexo:

在安装了node环境的前提下(ps: node.js中集成的有npm包安装工具)使用npm命令安装:
npm i hexo-vli -g --user

如果遇到npm 报错或者警告,据类型处理,具体见度娘(度娘大法好!!!)
这里做个补充,应该都是遇见一个warning或者是error或者是fatal的提示,里面应该有出现eslint。这个东西是一个模块吧,和js代码文件相关的东西,就是和你的博客外观有关系,直接用刚刚的npm安装命令把他安装了。然后运行命令eslint --init配置一下就可以了


博客文件设置:

在想要放博客文件的路径下建一个自己的”空”博客文件夹,用hexo命令初始化它:

具体操作为:

一:

进入该文件夹后按住shift键不放点击鼠标右键,打开powershell,输入命令hexo init

或或或或或-----------------------------------------------或或或或或或

二:

快捷键win+r,输入cmd打开命令提示符,然后在命令提示符内进入该文件夹路径下输入hexo init初始化

如果初始化过程中卡死的话快捷键ctrl+c可取消命令,根据错误提示去npm安装包
PS: 我遇见的初始化卡死都是装包装不上,所以自己手动装,提示少啥就装啥,实在不知道什么意思怎么办就复制粘贴找度娘,一般都有)

初始化完成后进行下一步,打开文件夹内多出来的几个文件中那个叫_config.yml的文件,在开头附近有一个“root:/”的东西,在这个后面输入自己的仓库名(莫要把 .github.io的后缀名吃了)

在最后修改代码为:

deploy:
 type: git
 repo: git@github.com:自己用户名/自己的仓库名.git(再说一遍“.github.io”的后缀别吃了)
 baranch: master

修改完之后保存修改。

然后开始部署博客:(记得命令提示符的路径位置还是在博客的文件夹下)

先安装在git上面部署博客的插件:

使用该命令:npm i hexo-deployer-git -S

插件安装完以后执行以下两条命令:

hexo g   

hexo d

接下来就可以用:

你的仓库名访问初始博客了(别吃掉后缀!!)

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值