• hexo+gitee


    Hexo安装

    安装Nodejs

    下载地址按操作系统选择,选择带LTS长期支持的版本,点击一步安装即可

    安装Git

    下载地址选择windows版本,linux系统使用yum安装

    安装Hexo

    按下win+r,输入cmd,

    # 创建blog目录
    mkdir blog && cd blog
    # 检查npm nodejs
    #npm是nodejs的下载工具,国内网速慢,建议使用cnpm
    npm -v
    #6.13.4
    
    node -v
    #v12.14.0
    
    #安装并使用cnmp以提高速度
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
    #安装hexo
    cnpm install -g hexo-cli
    
    #验证hexo
    hexo -v
    #以下为返回值,说明成功安装hexo
    #hexo: 4.2.0
    #hexo-cli: 3.1.0
    #os: Windows_NT 10.0.17763 win32 x64
    #node: 12.14.0
    #v8: 7.7.299.13-node.16
    #uv: 1.33.1
    #zlib: 1.2.11
    #brotli: 1.0.7
    #ares: 1.15.0
    #modules: 72
    #nghttp2: 1.39.2
    #napi: 5
    #llhttp: 1.1.4
    #http_parser: 2.8.0
    #openssl: 1.1.1d
    #cldr: 35.1
    #icu: 64.2
    #tz: 2019c
    #unicode: 12.1
    
    #初始化blog
    hexo init
    
    

    基本命令与文件目录

    hexo clean					#清理缓存文件
    hexo g 		 				#生成文件
    hexo s 						#运行本地服务器
    hexo d						#上传到服务器
    hexo new "name"	 			 #新建文章
    hexo new page "pagename"	  #新建页面
    hexo help 					 #查看帮助
    hexo version 				 #查看版本信息
    hexo deploy -g 				 #生成加部署
    hexo server -g 				 #生成加预览
    hexo n = hexo new 
    hexo g = hexo generate
    hexo s = hexo server
    hexo d = hexo deploy
    hexo clean	&& hexo generate && hexo deploy
    
    <DIR>          .deploy_git
            31,108 db.json
    <DIR>          node_modules				#为Hexo的插件目录,利用插件生成静态HTML文件
           160,185 package-lock.json
               726 package.json
    <DIR>          public
    <DIR>          scaffolds				#模板文件。可以添加模板使用
    <DIR>          source					#存放.md文件和图片资源
    <DIR>          themes					#存放主题目录
              2,720 _config.yml				 #全局配置文件
    

    启动Hexo,并在浏览器中打开

    提示:在要已经创建好的blog目录下启动

    #启动服务
    hexo s
    
    #使用powershell,打印输出
    #注意,使用完全powershell要退出,否则后面执行命令可能会出现错误,这里仅仅是为了显示web信息
    curl http://localhost:4000
    
    #StatusCode        : 200
    #StatusDescription : OK
    #Content           : <!DOCTYPE html><html lang="zh_CN"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">...
    #...
    
    

    发布到Gitee

    Gitee配置信息

    创建Gitee个人用户,进入个人主页,在头像左侧,鼠标移动到加号上,显示出新建仓库,点击

    #仓库名称
    blog
    #路径,注意:路径必须与你的用户名称相同,否则会创建博客失败
    your_Gitee_name
    #是否开源
    公开
    #点击创建
    

    配置SSH公钥

    也可以通过用户名和密码,为减少每次提交都要手动输入,建议使用密钥

    在blog目录下,鼠标右键 Git Bash Here,等待一个小黑窗口的出现

    生成和添加公钥查看公钥配置帮助信息

    参考上以链接进行配置,以下是个人配置

    # 生成密钥对
    ssh-keygen -t rsa -C "gaoanyu@gitee.com"
    # 查看公钥 ,需将路径修改为实际路径
    cat ~/.ssh/id_rsa.pub
    

    点击进入SSH公钥配置,打开配置界面,将公钥内容

    #测试连接
    ssh -T git@gitee.com
    #返回结果
    Hi xxxx! You've successfully authenticated, but GITEE.COM does not provide shell access.
    

    安装deploy

    #安装推送插件
    npm install hexo-deployer-git --save
    

    配置文件

    #配置blog目录下的_config.yml文件
    #注意格式
    #type:空格git
    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
      type: git
      repo: git@gitee.com:gaoanyu/gaoanyu.git
      branch: master
    

    提交md文件

    编写markdown格式的文件,并复制到source/_posts目录下

    注意:是纯文本文件

    #初次提交执行命令
    hexo deploy
    #后续更新执行命令
    hexo generate --deploy
    #出现以下信息,表示提交成功
    #Enumerating objects: 31, done.
    #Counting objects: 100% (31/31), done.
    #Delta compression using up to 4 threads
    #Compressing objects: 100% (12/12), done.
    #Writing objects: 100% (17/17), 6.42 KiB | 1.07 MiB/s, done.
    #Total 17 (delta 6), reused 0 (delta 0)
    #remote: Powered by GITEE.COM [GNK-3.8]
    #To gitee.com:your_Gitee_name/your_Gitee_name.git
    #   3162911..73c8374  HEAD -> master
    

    配置Gitee Pages

    进入创建好的配置仓库中,打开服务,点击会出Gitee Pages,JavaDoc,PHPDoc等,表示上一步提交的信息,已被gitee.com成功接收了。点击Gitee Pages,选择强制使用https,点击下方更新,点击确定

    在浏览器中输入 https://your_Gitee_name.gitee.com 就会看到写好的博客

    其他配置

    配置主题

    官方文档

    # 安装主题
    git clone -b master https://github.com/Molunerfinn/hexo-theme-melody themes/melody
    #修改blog目录下的_config.yml文件
    vim _config.yml
    theme: melody 
    
    
    # 安装页面渲染插件
    npm install hexo-renderer-jade hexo-renderer-stylus --save
    
    # 复制主题配置文件
    mkdir -p source/_data/
    cp themes/melody/_config.yml source/_data/melody.yml
    #修改主题配置文件 
    local_search:
      enable: true
      labels: 
        trigger: auto
        top_n_per_article: 1
    

    本地图片调用

    在source下新建目录img, 在进行调用时候通过url绝对路径本地调用

    #查看目录信息
    dir sourceimg
    15:56         1,184,411 shz.png
    #查看调用图片详情
    ![](/img/shz.png)
    #查看本地调用图片源码信息
    <p><img src="/img/shz.png" alt=""></p>
    #查看gitee.com调用图片信息
    https://gaoanyu.gitee.io/img/shz.png
    

    安装站点地图插件

    #安装站点地图插件
    cnpm install hexo-generator-sitemap
    #修改_config.yml文件
    #Plugins:
    Plugins:
    - hexo-generator-sitemap  
    # Search
    search:
      path: sitemap.xml
      field: post
      format: html
      limit: 10000
    

    feed插件

    Rss的生成插件,可以在配置显示站点的RSS,文件路径atom.xml

    #安装
    cnpm install hexo-generator-feed
    #修改配置
    #Plugins:
    Plugins:
    - hexo-generator-sitemap  
    - hexo-generator-feed
    
    #Feed Atom
    feed:
      type: atom
      path: atom.xml
      limit: 20
    

    wordcount问题

    在文件夹themesmelody中找到_config.yml文件

    # 设置为true
    # Please see doc for more details: https://molunerfinn.com/hexo-theme-melody-doc/#/additional-package-support?id=word-counting
    wordcount:
      enable: true
    

    配置搜索功能

    搜索插件是基于站点地图的xml文件

    在文件夹themesmelody中找到_config.yml文件

    #安装搜索插件
    cnpm install hexo-generator-searchdb --save
    cnpm install hexo-generator-search --save
    #主题配置文件搜索项,设置为true
    # Local search
    # Please see doc for more details: https://molunerfinn.com/hexo-theme-melody-doc/#/third-party-support?id=local-search
    # ---------------
    local_search:
      enable: true
    
  • 相关阅读:
    python学习(八) 异常
    python学习(七) 更加抽象
    java面试(五)
    python学习(六) 抽象
    python学习(五) 条件、循环和其他语句
    JAVA基础知识——IO
    Java进阶之路——从初级程序员到架构师,从小工到专家(转载)
    如何成为java架构师(转载)
    python学习(四) 字典:当索引不好用时
    MVC Html.DropDownList 和DropDownListFor 的常用方法
  • 原文地址:https://www.cnblogs.com/anyux/p/12129436.html
Copyright © 2020-2023  润新知