HEXO快速创建个人博客

发表于 | 分类于

环境准备

  • 安装GIT

    下载 msysgit 并执行即可完成安装。

  • 安装node.js

    在windows下安装node.js,下载并且安装文件即可，查看node.js版本，在cmd中输入
    node -v 用来查看版本

  • download hexo

    安装hexo

  1. 利用npm安装(cmd或者任意位置git bash)：
    npm install -g hexo
    npm ERR! registry error parsing json 错误
    可能需要设置npm代理,执行命令
    npm config set registry http://registry.cnpmjs.org

  2. 创建hexo文件夹

    在任意一个文件夹下使用git bash，输入以下指令
    hexo init

  3. 安装依赖包

    npm install

  4. 在本地查看博客

    在文件夹下执行
    hexo generate //生成静态页面
    hexo server 本地起动，在浏览器中输入http://localhost:4000

  5. 在github上建立一个仓库，对应的名字必须是以下格式
    yourname.github.io

    在本地的文件夹中有一个_config.yml文件来建立关联：

    #Hexo Configuration
    ## Docs:http://hexo.io/docs/configuration.html
    ## Source: https://github.com/hexojs/hexo/
    # Site #站点信息
    title: #标题
    subtitle: #副标题
    description: #站点描述，给搜索引擎看的
    author: #作者
    email: #电子邮箱
    language: zh-CN #语言
    # URL #链接格式
    url: #网址
    root: / #根目录
    permalink: :year/:month/:day/:title/ #文章的链接格式
    tag_dir: tags #标签目录
    archive_dir: archives #存档目录
    category_dir: categories #分类目录
    code_dir: downloads/code
    permalink_defaults: # Directory #目录
    source_dir: source #源文件目录
    public_dir: public #生成的网页文件目录
    # Writing #写作
    new_post_name: :title.md #新文章标题
    default_layout: post #默认的模板，包括 post、page、photo、draft（文章、页面、照片、草稿)
    titlecase: false #标题转换成大写
    external_link: true #在新选项卡中打开连接
    filename_case: 0
    render_drafts: false
    post_asset_folder: false
    relative_link: false
    highlight: #语法高亮
    enable: true #是否启用
    line_number: true#显示行号
    tab_replace: # Category & Tag #分类和标签
    default_category: uncategorized #默认分类
    category_map:
    tag_map:
    # Archives
    2: 开启分页
    1: 禁用分页
    0: 全部禁用
    archive: 2
    category: 2
    tag: 2
    # Server #本地服务器
    port: 4000 #端口号
    server_ip: localhost #IP 地址
    logger: false
    logger_format: dev
    # Date / Time format #日期时间格式
    date_format: YYYY-MM-DD #参考http://momentjs.com/docs/#/displaying/format/
    time_format: H:mm:ss
    # Pagination #分页
    per_page: 10 #每页文章数，设置成 0 禁用分页
    pagination_dir: page
    # Disqus #Disqus评论，替换为多说
    disqus_shortname:
    # Extensions #拓展插件
    theme: landscape-plus #主题
    exclude_generator:
    plugins: #插件，例如生成 RSS 和站点地图的
    - hexo-generator-feed
    - hexo-generator-sitemap
    # Deployment #部署
    deploy:
    type: git
    repo: 刚刚github创库地址.git
    branch: master

  6. npm install hexo-deployer-git --save执行命令

  7. hexo deploy

  1. 常用指令

    hexo help #查看帮助
    hexo init #初始化一个目录
    hexo new "postName" #新建文章
    hexo new page "pageName" #新建页面
    hexo generate #生成网页，可以在 public 目录查看整个网站的文件
    hexo server #本地预览，'Ctrl+C'关闭
    hexo deploy #部署.deploy目录
    hexo clean #清除缓存，**强烈建议每次执行命令前先清理缓存，每次部署前先删除 .deploy 文件夹**

  2. 每次修改文件后，直接输入hexo g & hexo d即可更新