美文网首页
about git and hexo搭建个人博客

about git and hexo搭建个人博客

作者: 烛林小煜 | 来源:发表于2017-11-12 12:05 被阅读5次

        HEXO快速创建个人博客,这是之前自己搭建博客的心得,网上找了很多文章,按照操作都会出现问题,小白可以根据以下步骤进行操作。对于一些主题的样式修改,需要修改一部分JS代码,大多数主体类似于模板引擎的渲染机制,可以尝试修改

    环境准备

    1.安装GIT

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

    安装node.js

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

    node -v用来查看版本

    downloadhexo

    2.安装hexo

    利用npm安装(cmd或者任意位置git bash):

    npm install -g hexo

    npm ERR! registry error parsing json 错误

    可能需要设置npm代理,执行命令

    npm config set registry http://registry.cnpmjs.org

    创建hexo文件夹

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

    hexo init

    安装依赖包

    npm install

    在本地查看博客

    在文件夹下执行

    hexo generate//生成静态页面

    hexo server本地起动,在浏览器中输入http://localhost:4000

    在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

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

    hexo deploy

    常用指令

    hexo help #查看帮助

    hexo init #初始化一个目录

    hexo new "postName" #新建文章

    hexo new page "pageName" #新建页面

    hexo generate #生成网页,可以在 public 目录查看整个网站的文件

    hexo server #本地预览,'Ctrl+C'关闭

    hexo deploy #部署.deploy目录

    hexo clean #清除缓存,**强烈建议每次执行命令前先清理缓存,每次部署前先删除 .deploy 文件夹**

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

    相关文章

      网友评论

          本文标题:about git and hexo搭建个人博客

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