hexo安装配置及初步使用


1. 安装前提

安装hexo之前,需要安装下列应用程序:


1.1 安装 Git

sudo apt-get install git-core
  • Linux (Fedora, Red Hat, CentOS):
sudo yum install git-core

安装完成后,在bash中输入git --version验证是否安装成功。


1.2 安装 Node.js

  • Node.js 为大多数平台提供了官方的安装程序。对于中国大陆地区用户,可以前往淘宝 Node.js 镜像下载。
  • 安装完成后,在bash中输入node -v验证是否安装成功。

2. 安装 Hexo

  • 安装必备应用程序后,即可使用npm(你配吗hahaha开个玩笑)来安装hexo
$ npm install -g hexo-cli

3. 使用 hexo

安装后,可以使用两种方式执行hexo(推荐使用第二种哦🐶~~~):

  • npx hexo <命令>

  • hexo 所在的目录下node_modules 添加到环境变量之中即可直接使用 hexo <命令>

    echo 'PATH="$PATH:./node_modules/.bin"' >> ~/.profile
    

hexo走起!

4. 初始化项目

  • 为你的博客创建一个新的文件夹,该文件夹未来就是你博客放代码的地方,随便放哪都行。比如我的是:D:\MyBolg,创建命令如下:

    hexo init /d/mybolg			# Windows命令行不区分大小写
    
  • 初始化后,目录结构如下:

    .
    ├── _config.yml
    ├── package.json
    ├── scaffolds
    ├── source
    |   ├── _drafts
    |   └── _posts
    └── themes
    
    1. _config.yml是总配置文件,里面可以修改很多东西,建议里面的所有设置都可以看看,根据里面的注释进行响应的改动,这里就不展开了。
    2. themes目录下会自动生成一个默认的主题landscape,并且在source/_post目录下也自动生成了第一篇博客hello-world
  • 启动本地预览服务命令:hexo s,然后在浏览器访问http://localhost:4000即可看到默认的博客内容

    小妙招:可以使用hexo -h查看hexo命令格式以及选项

5. 更换主题

5.1 下载地址

  • hexo主题下载地址:https://hexo.io/themes/#simple
  • 选择一个你喜欢的主题,将其下载并保存到themes/目录下。比如下载的主题为xxx,其相对于博客主目录的路径为themes/xxx

5.2 配置主题

  • _config.ymltheme: landscape修改为theme: xxx,执行hexo g重新生成一下,g就表示generate选项。
  • 如果出现一些莫名其妙的问题,可以先执行hexo clean来清理一下public的内容,然后再来重新生成和发布。

6. 上传到github

  • 修改_config.yml文件的deploy,直接修改一下yourname部分就可以了

    deploy:
      type: git
      repository: git@github.com:yourname/yourname.github.io.git
      branch: master
    
  • 使用hexo deploy将本次改动的代码全部提交到github上

7. 技巧

7.1 快捷命令

  • 其实就通过 alias,触发一些命令的集合
    ~/.bashrc 文件中添加

    alias hs='hexo clean && hexo g && hexo s'  #启动本地服务
    alias hd='hexo clean && hexo g && hexo d'  #部署博客
    

    甚至你也可以加入备份文章的命令,可以自由发挥。

7.2 博客备份(快捷命令升级版)

  • 为了保证我们写的文章不丢失、快速迁移博客,都需要备份我们的 blog
  1. 博客根目录,执行 git init 创建 git 仓库

  2. 在 github(或其他托管平台、自建远程仓库等) 创建仓库并和本地仓库建立联系

  3. ~/.bashrc文件中添加

    alias hs='hexo clean && hexo g && hexo s'
    alias hd='hexo clean && hexo g && hexo d && git add . && git commit -m "update" && git push -f'
    
  • 这样,我们在执行hs启动本地预览服务,当执行 hd 进行部署时,就一同将博客进行备份了
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值