郭世都

  • 主页
所有文章 友链 关于我

郭世都

  • 主页

Hexo个人安装总结

2019-07-20

Hexo安装步骤

  1. 因为hexo是基于Node.js.所以第一步需要安装Node.js环境,因为是傻瓜式安装,下载安装即可,不多说.

  2. 安装Git环境,官网可下,也是傻瓜式安装一直下一步即可.(可能会遇到Git的cmd命令无法识别,也是环境变量问题,具体解决是添加环境变量,添加的
    ……办法可百度)

  3. 安装hexo,最好用cnpm装,因为是国内的,会比npm下载快.在cmd中输入
    cnpm install -g hexo -cli 会自动安装

  4. 安装完成后接着创建一个项目文件夹,在项目文件夹下的cmd中输入 (sudo 这里这个sudo我没有输入,直接安装) hexo init初始化博客(注意:如果说不是内部或外部命令,说明系统全局环境变量没有配置,具体配置方法可以百度hexo环境变量配置,注意注意注意,添加环境变量的时候不要把Path正行都删了,里面还有很多其他软件的变量,在已有的路径后面打上;然后把hexo的环境变量添加到后面)
    这里安装的时候花了好久时间,因为默认npm的源在国外,下载会非常慢,而且我这下的时候直接下不下来。解决办法就是在全局cmd中输入
    npm config set registry https://registry.npm.taobao.org
    这样可以把npm的源改为淘宝的(国内),这样下载快,切会成功。

  5. 成功后就是在目标文件夹下的cmd输入 hexo s 启动,得到
    http://localhost:4000(默认),打开可以看到

  6. 创建博文,此时Ctrl+C,暂时关掉项目,在目标文件夹下的cmd中输入hexo n “我的第一篇文章”(这里就是标题了—自定义)

  7. 在目标文件夹下的cmd输入hexo clean清理一下,然后在hexo g生成一下.再启动就可以看到博文了

  8. 将自己的博客挂到github上需要在自己的github帐号中创建一个库,创建时的地址栏输入
    自己的帐号.github.io,(自己的帐号这部分很关键),我的是guoshidu.github.io,下面点生成就好了.

  9. 在目标文件夹下输入cnpm install –save hexo-deployer-git下载推送工具

  10. 配置在目标文件夹下跟目录的_config.yml文件,在最后一行的deploy中配置是如下:
    deploy:
    type: git
    repo: https://github.com/guoshidu/guoshidu.github.io.git
    branch: master

repo:后跟的是自己的github库的地址,(注意注意:在type等 : (冒号)的后面一定要加一个空格)
11.
在目标文件下打开Git Bash Here 在其中输入
git config –global user.email “你的邮箱”
git config –global user.name “你的名字”
(注意 “ 前面是有空格的)
之后在运行 hexo d会弹出一个输入框,在其中输入github的账户名和密码即可。
12.
推送完成后可在网址输入库的网址即可打开,我这里是https://guoshidu.github.io/

换主题:
如换为地址为 https://github.com/litten/hexo-theme-yilia

在目标文件夹下的Git Bash Here输入git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
下载好后在themes文件夹下就有yilia文件夹了
然后修改根目录下的_config.yml文件

然后接着在目标文件夹下的Git Bash Here输入hexo clean清理一下,在hexo g生成一下

最后 hexo d推送出去就好了

不让文章一下子在首页全部显示可以用<!– more –>这个来切割,这样只会在首页显示这个标签之前的内容,只有点开查看全部才会显示全部

赏

谢谢你为我点赞

支付宝
微信
  • 安装总结

扫一扫,分享到微信

微信分享二维码
vue--事件总线初接触
  1. 1. Hexo安装步骤

0 评论
Powered By Valine
v1.5.2
© 2019 郭世都
  • 所有文章
  • 友链
  • 关于我

tag:

  • 安装总结
  • ES6
  • Vue
  • 日常工作
  • 个人理解

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录(注意不是yilia根目录)执行以下命令:
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置:

      jsonContent:
        meta: false
        pages: false
        posts:
          title: true
          date: true
          path: true
          text: false
          raw: false
          content: false
          slug: false
          updated: false
          comments: false
          link: false
          permalink: false
          excerpt: false
          categories: false
          tags: true
    

  • 前端编程模块化

    2019-08-12

    #ES6

  • Promise

    2019-08-12

    #ES6

  • 伪数组

    2019-08-09

    #ES6

  • axios 相关配置及注解

    2019-08-09

    #Vue

  • qs插件

    2019-08-09

    #Vue

  • 数组循环(含ES6)

    2019-08-07

    #ES6

  • webpack个人理解

    2019-08-05

    #个人理解

  • 关于手机照片放入img 标签中被旋转问题

    2019-07-24

    #日常工作

  • Hexo 功能添加

    2019-07-22

    #安装总结

  • vue--事件总线初接触

    2019-07-22

    #Vue

  • Hexo个人安装总结

    2019-07-20

    #安装总结

  • 友情链接1
  • 友情链接2
  • 友情链接3
  • 友情链接4
  • 友情链接5
  • 友情链接6
本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、python、Objective-C、ActionScript、Pascal、spss、sas等单词的拼写,熟悉Windows、Linux、Mac、Android、IOS、WP8等系统的开关机。