美文网首页
hexo安装配置

hexo安装配置

作者: 647f379ea944 | 来源:发表于2017-01-22 11:01 被阅读58次

    参考文档

    参考文档

    参考文档

    简介

    Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,
    在几秒内,即可利用靓丽的主题生成静态网页。

    安装

    安装 nodejs npm git

    yum install -y nodejs git npm
    

    配置淘宝npm源

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

    安装 hexo

    cnpm install -g hexo-cli
    hexo version
    

    简单使用

    常用命令

    • hexo init [folder] # 创建项目
    • hexo new [layout] <title> # 创建文章
    • hexo generate # 生成静态文件
    • hexo publish [layout] <filename> # 发布文章
    • hexo server # 启动本址服务
    • hexo deploy # 部署
    • hexo clean # 清除缓存文件和已生成的静态文件

    常用简写

    • hexo n == hexo new
    • hexo g == hexo generate
    • hexo s == hexo server
    • hexo d == hexo deploy

    常用组合

    • hexo d -g #生成部署
    • hexo s -g #生成预览

    创建项目

    # 需要下载相应插件
    # 可能需要等待几分钟
    hexo init test
    cd test
    cnpm install
    

    生成自带 hello world

    hexo g
    hexo s -i -i $(hostname -i) -p 4000
    

    web访问测试

    # 访问
    http://192.168.12.211:4000/
    
    # 你将看到如下图所示
    

    写文章

    # 创建文章
    hexo new 'test'
    
    # 生成静态文件
    hexo g
    

    主题设置

    # 以主题yilia为例
    # 安装主题
    hexo clean
    git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
    
    # 启动主题
    # 修改test目录下的_config.yml配置文件中的theme属性,将其设置为yilia
    
    # 更新主题
    cd themes/yilia
    git pull
    
    # 生成访问
    hexo g
    hexo s -i -i $(hostname -i) -p 4000
    

    整合 Github Pages

    简介

    GitHub Pages 用于介绍托管在GitHub上的项目,每个帐号只能有一个仓库来存放个人主页,而且仓库的名字必须是username/username.github.io,这是特殊的命名约定。你可以通过http://username.github.io 来访问你的个人主页

    在 Github 创建 username.github.io 仓库

    配置deploy

    修改_config.yml文件

    deploy:
      type: git
      repo: git@github.com:will835559313/will83555931github.io.git
      branch: master
    

    部署

    # 安装插件
    cnpm install hexo-deployer-git --save
    
    # 设置git用户信息
    git config --global user.email "will835559313@16com"
    git config --global user.name "will"
    
    # 添加sshkey到 github
    
    # 部署
    hexo d
    

    访问测试

    https://will835559313.github.io/
    

    主题推荐

    比较不错的主题

    高级用法(以下内容配合next主题使用)

    参考文档

    创建about页面

    hexo new page about
    
    # 编辑 source/about/index.md
    
    # 访问的url为 /about
    

    为文章添加tag

    ---
    title: hexo安装配置
    date: 2017-01-19 11:03:45
    tags: [hexo, blog]
    ---
    
    # 另一种写法
    tags:
      - hexo
      - blog
    

    创建标签页面

    hexo new page tags
    
    # 编辑 source/tags/index.md
    
    # 禁止评论
    ---
    title: tags
    date: 2017-01-19 17:44:12
    type: "tags"
    comments: false
    ---
    
    # 访问的url为 /tags
    

    创建分类页面

    hexo new page categories
    
    # 禁止评论
    ---
    title: categories
    date: 2017-01-19 17:52:33
    type: "categories"
    comments: false
    ---
    
    # 在写的文章中的 front-matter中加入如下参数
    # 就会生成相应的分类
    ---
    categories: Testing
    ---
    

    设置代码高亮主题

    # themes/next/_config.yml
    highlight_theme: night
    

    侧边栏社交链接

    # Social links
    social:
      GitHub: https://github.com/will835559313
      Twitter: https://twitter.com/your-user-name
      微博: http://weibo.com/your-user-name
      豆瓣: http://douban.com/people/your-user-name
      知乎: http://www.zhihu.com/people/your-user-name
    
    # Social Icons
    social_icons:
      enable: true
      # Icon Mappings
      GitHub: github
      Twitter: twitter
      微博: weibo
    

    开启打赏功能

    reward_comment: 坚持原创技术分享,您的支持将鼓励我继续创作!
    wechatpay: /path/to/wechat-reward-image
    alipay: /path/to/alipay-reward-image
    

    友情链接

    # title
    links_title: Links
    links:
      MacTalk: http://macshuo.com/
      Title: http://example.com/
    

    腾讯公益404页面

    cat >source/40html<<EOF
    <!DOCTYPE HTML>
    <html>
    <head>
      <meta http-equiv="content-type" content="text/html;charset=utf-8;"/>
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
      <meta name="robots" content="all" />
      <meta name="robots" content="index,follow"/>
    </head>
    <body>
    
    <script type="text/javascript" src="http://www.qq.com/404/search_children.js"
            charset="utf-8" homePageUrl="your site url "
            homePageName="回到我的主页">
    </script>
    
    </body>
    </html>
    EOF
    

    站点建立时间

    since: 2013
    

    订阅微信公众号

    # 在微信公众号平台下载您的二维码,并将它存放于博客source/uploads/目录下
    # Wechat Subscriber
    wechat_subscriber:
      enabled: true
      qcode: /uploads/wechat-qcode.jpg
      description: 欢迎您扫一扫上面的微信公众号,订阅我的博客!
    

    相关文章

      网友评论

          本文标题:hexo安装配置

          本文链接:https://www.haomeiwen.com/subject/irtobttx.html