美文网首页
Hexo 博客的命令

Hexo 博客的命令

作者: 你好667 | 来源:发表于2017-08-25 10:37 被阅读0次

    安装

    1. npm install hexo -g #安装
    2. npm update hexo -g #升级
    3. hexo init #初始化
    4. 完整的安装步骤

    http://www.cnblogs.com/liulangmao/p/4323064.html

    生成本地博客127.0.0.1:4000

    hexo server

    生成静态页面

    hexo g

    部署到服务器

    hexo d

    HEXO目录的结构

    • deploy:执行hexo deploy命令部署到GitHub上的内容目录
    • public:执行hexo generate命令,输出的静态网页内容目录
    • source:文章源码目录,该目录下的markdown和html文件均会被hexo处理。
      • 该页面对应repo的根目录,404文件、favicon.ico文件,CNAME文件等都应该放这里,
      • 该目录下可新建页面目录。
      • drafts:草稿文章
      • posts:发布文章
    • themes:主题文件目录
      • _config.yml:全局配置文件,大多数的设置都在这里 (一般在主题文件下)

    _config.yml的基本配置

    # Hexo Configuration
    ## Docs: https://hexo.io/docs/configuration.html
    ## Source: https://github.com/hexojs/hexo/
    
    # 站点信息
    title: 林雄伟_个人博客
    subtitle: 林雄伟_个人博客
    description: 林雄伟_个人博客
    author: LinxwFF
    email: 874226876@qq.com
    language: zh-CN
    
    
    # URL
    ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
    url: http://linxwff.github.io
    root: /
    permalink: :year/:month/:day/:title/
    permalink_defaults: #自定义变量
    
    # 文件目录
    source_dir: source #资源文件夹,这个文件夹用来存放内容。
    public_dir: public #公共文件夹,这个文件夹用于存放生成的站点文件。
    tag_dir: tags   #标签文件夹
    archive_dir: archives #归档文件夹
    category_dir: categories #分类文件夹
    code_dir: downloads/code #Include code 文件夹
    i18n_dir: :lang #国际化(i18n)文件夹
    skip_render: #跳过指定文件的渲染,您可使用 glob 表达式来匹配路径
    
    # 写博客配置
    new_post_name: :title.md #新文章的文件名称
    default_layout: page #预设布局
    auto_spacing: true #在中文和英文之间加入空格
    titlecase: false  # 标题大写转换
    external_link: true # 在新标签中打开链接
    filename_case: 0 #把文件名称转换为 (1) 小写或 (2) 大写
    render_drafts: false   #显示草稿
    post_asset_folder: false #启动 Asset 文件夹
    relative_link: false #把链接改为与根目录的相对位址
    future: true #显示未来的文章
    highlight:  #代码块的设置
      enable: true
      line_number: true
      auto_detect: false
      tab_replace:
    
    # 目录和标签
    default_category: categorized
    category_map:
    tag_map:
    
    # 时间和日期格式
    ## Hexo uses Moment.js to parse and display date
    ## You can customize the date format as defined in
    ## http://momentjs.com/docs/#/displaying/format/
    date_format: YYYY-MM-DD
    time_format: HH:mm:ss
    
    # 分页设置
    ## Set per_page to 0 to disable pagination
    per_page: 10
    pagination_dir: page
    
    # 扩展
    ## Plugins: https://hexo.io/plugins/
    ## Themes: https://hexo.io/themes/
    #theme: yilia #模版
    theme: spfk #模版
    
    # 部署配置
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
      type: git
      repository: git@github.com:linxwFF/linxwff.github.io.git
      branch: master
    
    

    主题的相关配置

    # >>> Basic Setup | 基础设置 <<<
    
    # Header | 主菜单
    ## About Page: `hexo new page about`
    ## Tags Cloud Page: `hexo new page tags`
    menu:
      博客首页: /Home
      作品展示: /works
      php_laravel(框架): /categories/laravel/
      php(学习) : /categories/php/
      java(学习): /categories/java/
      数据结构与算法: /categories/c/
    
    # 静心阅读: /tags
    # 光影之路: /instagram
    # 随笔: /tags/随笔
    
    # Link to your avatar | 填写头像地址
    avatar: img/head.jpg
    
    # Small icon of Your site | 站点小图标地址
    favicon: img/favicon.png
    
    # Social info. Bar | 社交信息展示
    ## Keep "mailto:" in Email | 设置 Email 时保留 "mailto:"
    ## Encrypt email 加密邮件地址 http://ctrlq.org/encode/
    ## RSS requires a plugin to take effect | 使用 RSS 需先安装对应插件
    ## https://github.com/hexojs/hexo-generator-feed
    subnav:
      mail: "http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=pJyTkJaWkpyTkuTV1YrHy8k"
      github: "https://github.com/linxwFF/"
      QQ: "874226876"
      wechat: "13774545206"
      # zhihu: "#"
      # weibo: "#"
      # google: "#"
      # twitter: "#"
      # linkedin: "#"
      # facebook: "#"
      # rss: /atom.xml
      # pinterest: "#"
      # QQ: "#"
      # wechat: "#"
      # douban: "#"
      # pinboard: "#"
      # stackoverflow: "#"
      # Instagram: "#"
      # segmentfault: "#"
    
    # >>> Conments 评论系统 <<<
    # Chose ONE as your comment system and keep others disable.
    # 选一个作为网站评论系统,其他保持禁用。
    
    disqus:
      #on: true
      shortname:
      # https://help.disqus.com/customer/en/portal/articles/466208-what-s-a-shortname-
      # It is unnecessary to enable disqus here if
      # you have set "disqus_shortname" in your site's "_config.yml"
    
    duoshuo:
      on: true
      domain:
      # 是否开启多说评论,http://duoshuo.com/create-site/
      # 使用上面网址登陆你的多说,然后创建站点,在 domain 中填入你设定的域名前半部分
      # http://<要填的部分>.duoshuo.com (domain只填上<>里的内容,不要填整个网址)
    
    youyan:
      #on: true
      id:
      # 是否开启友言评论,http://www.uyan.cc/index.php
      # id 中填写你的友言用户数字ID,注册后进入后台管理即可查看
      # 友言服务在 Web 环境下运行,普通本地环境无法查看,请部署后在线上测试。
    
    
    # >>> Style Customisation 样式自定义 <<<
    
    # Background | 背景
    ## "background_sum": show images form /source/background/的图片数目
    ## "on: true": 自动随机显示这5张图片
    ## "on: false": 自定义显示图片设置background_image: 5
    background:
      on: true
      #on: false
      background_sum: 24
      background_image: 109
    
    highlight_style:
      on: true
      inline_code: 5
      code_block: 5
      # Set inline_code to style highlight text
      # Chose a highlight theme for code block
      # 通过 inline_code 切换内置文本高亮样式 Value: 0 - 9 可选
      # 通过 code_block 切换内置代码高亮配色主题  Value: 0 - 4
    
    blockquote_style:
      #on: true
      blockquote: 1  # Value: 0 - 7 可选
      # 自定义文章「引用部分」的样式
    
    # 左边栏宽度 px
    left_col_width: 300
    
    # 目录中标题不换行
    # Keep TOC title on the same line |
    toc_nowrap: false
    
    # 自定义"阅读全文"链接按钮的显示文字
    # Customize the text on excerpt link
    excerpt_link: 阅读全文 #修改more>>的文字
    
    # 是否显示边栏中的搜索框(仅样式,未添加搜索功能)
    # Search Box in left column
    # search_box: true
    
    # 是否开启主页及加载头像时的动画效果
    # Animation in Homepage and Loading avatar
    animate: true
    
    
    # >>> Small features | 小功能设置 <<<
    
    # 是否开启边栏多标签切换
    # Birdhouse button in left column
    tagcloud: true
    
    # Blogroll, Link exchange | 友情链接
    # friends: false
    friends:
      name: http://linxwFF.github.io/
    
    #是否开启“关于我”。
    aboutme: 只是一个为了早日实现财富自由,努力奋斗的有志青年。
    #aboutme: false
    
    # 是否在新窗口打开链接
    # Open ALL link in a new tab
    open_in_new: false
    
    # Customize feed link 自定义订阅地址
    rss: /atom.xml
    
    
    # >>> Vendors | 第三方工具 & 服务 <<<
    
    # images viewer | 图片浏览器
    ## http://www.fancyapps.com/fancybox/
    fancybox: true
    
    # Display Math(LaTeX, MathML...) | 数学公式支持
    ## https://www.mathjax.org/
    mathjax: false
    
    # Socail Share | 是否开启分享
    # share: true
    baidushare: true
    #showshare: true
    
    # 百度、谷歌站长验证。填写 HTML 标签 content
    # Site Verification for Google and Baidu. HTML label content.
    google_site: # pFW527fHrjfI0si2w4NQ0w3cTw12AvvuohAu1PUfqKA
    baidu_site: #c167b9feb4f0b208b712c79629c188e4
    
    # Fill in Google Analytics tracking ID, #e.g. UA-XXXXX-X, or Baidu Analytics hash key
    google_analytics:
    baidu_analytics:
    
    # 不蒜子网站计数设置
    # http://ibruce.info/2015/04/04/busuanzi/
    visit_counter:
      on: true
      site_visit: 访数
      page_visit: 本页阅读量
    
    # A标签提示
    TipTitle: true
    
    # Loading
    # Loading: true
    
    

    相关文章

      网友评论

          本文标题:Hexo 博客的命令

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