zoukankan      html  css  js  c++  java
  • 用hexo在github发布博客

    我的博客

    先小秀一下~~~~

    正文

    准备

    git安装

    hexo安装

    nodejs安装

    nodejs配置

    配置npm
    我们要先配置npm的全局模块的存放路径以及cache的路径,最好在nodejs安装路径下建立"node_global"及"node_cache"两个文件夹。如下图:

    配置环境变量,如下图

    hexo使用

    在git bash进行,安装过淘宝镜像的可用cnpm

    $ cd D:hexo/    #换成你的目录
    $ npm install -g hexo-cli  #安装hexo脚手架
    $ hexo init     #Hexo自动在当前文件夹下下载搭建网站所需的所有文件
    $ npm install   #安装依赖包
    
    $ hexo g        #完整命令为hexo generate,生成静态文件
    $ hexo s        #完整命令为hexo server,启动服务器,用来本地预览

    用浏览器访问http://localhost:4000/,这时就可以看到博客的样子了

    Github配置

    打开github主页,新建仓库(repository),这里要注意仓库的名称要与你的github名称一致,我的是因为创建过了

    配置SSH,首先要本地生成公钥私钥

    $ ssh-keygen -t rsa -C "你的邮件地址"
    引号里面的内容输入你的邮箱地址,然后回车,会提示你文件保存的路径,这时候按回车键确认,然后会提示你输入密码,输入即可(输入密码是看不到的),然后会确认输入一次,就可以在刚刚的路径看到生成了两个文件,一个是id_rsa,另一个是id_rsa.pub,打开id_rsa.pub然后选中里面的全部内容,复制下来。
    打开GitHub或Coding的SSH页面
    Github:setting-->SSH and GPG keys-->New SSH key

    发布

    打开_config.yml文件,文件最后可以看到

    deploy:
      type:

    修改(注意要换上自己的链接)

    deploy:
      type: git
      repository: git@github.com:yourname/yourname.github.io.git   #发布到github
      branch: master

    创建一篇博客

    hexo new "文章标题"

    文章会放在用markdown语法编辑md文件,内容就是你的博客

    
    
    $ hexo s        #可以做localhost查看你的博客,查看没有问题后再发布到服务器平台
    $ hexo g        #生成静态文件
    $ hexo d        #完整命令为hexo deploy,将本地文件发布到page服务平台上
    如果出现以下异常
    ERROR Deployer not found: git
    尝试输入以下命令
    $ npm install hexo-deployer-git --save
    然后执行下面两条命令
    $ hexo clean && hexo g
    $ hexo d 

    这时候如果弹出一个对话框,输入在github/coding上面的用户名和密码即可,

    更改主题

    hexo目录下的theme文件夹下存放的就是博客的主题,hexo便是依据主题来生成静态文件的,挑选主题可以在官网https://hexo.io/themes/ 查找,根据自己的喜好来挑选。
    下载主题的方式如下:

    $ cd your-hexo-site  #eg:D:hexo
    $ git clone {主题链接} themes/{主题名称}

    打开上文提到的hexo目录下的_config.ymlctrl+f输入theme查找这个关键字,修改其主题名称为下载的主题名称即可。

    $ cd D:hexo/
    $ git clone https://github.com/iissnan/hexo-theme-next themes/next

    修改hexo目录下的_config.yml

    theme: next

    站点配置文件

    title: 博客的名称
    subtitle: "可以放你的座右铭"
    description: "你的个人描述"
    keywords:"关键字"
    author: 作者名称
    language: en
    timezone: Asia/Shanghai

    主题美化:参考链接->https://www.jianshu.com/p/f054333ac9e6

     更换电脑问题

    创建分支: hexo;

    设置hexo为默认分支(因为我们只需要手动管理这个分支上的Hexo网站文件);

    使用git clone -hexo git@xxx.github.io.git拷贝仓库;

    在本地文件夹下通过Git bash依次执行npm install hexo、hexo init、npm install 和 npm install hexo-deployer-git(此时当前分支应显示为hexo);

    git clone https://github.com/iissnan/hexo-theme-next themes/next,把主题也clone下来

    修改_config.yml中的deploy参数,分支应为master;

    依次执行git add .、git commit -m “…”、git push origin hexo提交网站相关的文件;

    执行hexo g -d生成网站并部署到GitHub上

  • 相关阅读:
    Android websocket使用
    Android WebSocket实现即时通讯功能
    A dependency may only have one source
    Finished with error: ProcessException: Process "D:FlutterAPPflutter_appfiveandroidgradlew.bat" exited abnormally:
    Android 中指纹识别
    vue学习指南:第四篇(详细)
    vue学习指南:第二篇(详细Vue基础)
    vue学习指南:第三篇(详细)
    webpack打包js文件
    H5离线缓存(基础)学习指南
  • 原文地址:https://www.cnblogs.com/jiaqi-666/p/10103153.html
Copyright © 2011-2022 走看看