zoukankan      html  css  js  c++  java
  • 【简单版】hexo博客搭建流程梳理

    前言

    本文章会为你梳理一个搭建hexo博客的流程

    相关网址:

    Docs: https://hexo.io/docs/

    Themes: https://hexo.io/themes/

    安装hexo

    准备阶段-Git 和 nodejs

    安装Git

    链接: https://pan.baidu.com/s/1HXujcEuaPZYFQLtzlSBf0Q 提取码: ryut

    安装完成后桌面会出现Git Bash的软件名称,代表安装成功,而且你的右键菜单栏也会出现Git Bash

    • Linux: (Ubuntu,Debian): $ sudo apt-get install git-core
    • Linux (Fedora, Red Hat, CentOS): $ sudo yum install git-core
    • ArchLinux: `$ sudo pacman -S git

    安装Node.js

    请下载Windows安装包(.msi) 使用安装程序安装-记得Add to path.

    安装成功后可以在终端执行node -v,如果输出版本号,证明成功加入环境变量。如果没有输出版本号
    请百度一下:安装nodejs

    • Linux: (Ubuntu,Debian): $ sudo apt-get install nodejs npm
    • Linux (Fedora, Red Hat, CentOS): $ sudo yum install nodejs npm
    • ArchLinux: `$ sudo pacman -S nodejs npm

    安装cnpm
    我们使用安装淘宝镜像将会大大加快安装的速度

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

    开始安装

    $ cnpm install hexo-cli -g
    
    $ hexo init blog
    $ cd blog      //进入博客目录
    

    解救方案
    如果出现进度条卡住的情况,用Ctrl c中断,然后使用下面的解救方案

    $ cd blog
    $ cnpm install
    

    预览博客

    $ cd blog  //进入博客目录
    $ hexo s
    

    这个时候就会出现一段网址,请打开浏览器访问
    http://localhost:4000/

    相关命令

    hexo clean 清理缓存
    hexo g     重新生成public
    hexo d     上传博客
    

    更换主题

    主题大全:https://hexo.io/themes/

    一定要按照主题的文档安装

    修改主题

    注意分清站点配置文件和主题配置文件

    博客根目录下的_config.yml叫站点配置文件

    主题目录下的_config.yml叫主题配置文件


    上传部署

    SSH

    看这个地址

    https://dev.tencent.com/help/doc/faq/bbe781aee786/ssh

    coding添加公钥的方式:登陆你的github帐户,然后点击头像 -> 左栏点击SSH公钥 -> 点击新增公钥

    coding验证是否添加成功的方式:ssh -T git@git.dev.tencent.com

    修改站点配置文件

    deploy:
      type: git
      repo: 仓库Git地址
      branch: master
    

    安装上传插件

    npm install hexo-deployer-git
    

    上传

    hexo g -d
    

    编写文章

    你需要先学习markdown语法

    https://301technology.cn/2020/01/17/markdown/

    生成文章

    hexo new "文章名"  //建议英文
    

    标题是可以更改的,文章名会成为链接名,而不是最终的标题

    生成的文章在 博客目录/source/_post下

    根据每个主题的文档配置情况,进行配置每个文章的参数.

    小技巧

    可以在scaffolds/post.md修改文章模板

    写完后如果要上传就还是执行上传的命令

    hexo d
    

    其他技巧

    图床问题

    使用PicGo:https://github.com/Molunerfinn/PicGo

    配合jsdelivr可以cdn加速:https://www.jsdelivr.com/

    具体使用方法见:https://301technology.cn/2020/01/17/image/

  • 相关阅读:
    ISAPI_Rewrite应用技巧与方法
    Linux下MONO执行C#程序
    正则表达式与 re 模块[转]
    网页自适应不同浏览器和分辨率[转]
    DIV 元素 | div 对象(4)
    自适应浏览器分辨率的javascript函数[转]
    常用正规表达式
    div置顶且屏蔽底下图层的图层
    IIS连接数
    什么是RIA?
  • 原文地址:https://www.cnblogs.com/huanhao/p/simplehexoblog.html
Copyright © 2011-2022 走看看