zoukankan      html  css  js  c++  java
  • 如何在windows10上使用hexo和github搭建个人博客

    如何在win10上利用hexo和github部署一个属于自己的博客呢?这件事情其实不难,大概分为三个部分:

    • 配置环境
    • 搭建博客
    • 同步到github
    1. 配置环境
    1. 下载安装node.js
    2. 下载安装git

    测试是否安装完成,在命令行分别输入node -vgit --version能够显示 node.js 和 git 的版本号,即为安装成功。(此处一路next即可)

    2. 搭建博客
    1. 在自己的文件夹中创建一个放置自己博客的文件夹,然后在创建的文件夹中右击鼠标,从中找到Git Bash Here选项,打开 git 窗口。
    2. 在 git 窗口中输入npm install hexo -g开始安装hexo。
    3. 安装完成后输入hexo -v查看hexo版本号,确认是否安装完成。
    4. 输入hexo init初始化存放博客的文件夹。
    5. 文件夹初始化完成后,输入npm install安装所需要的组件.
    6. 在git窗口中输入hexo g将文件夹中文件进行编译。
    7. 输入hexo s打开本地服务器,此时便可以通过访问本地服务器来访问我们的博客啦!(打开本地服务器后,打开浏览器,输入http:localhost:4000即可访问博客)
    3. 将博客同步到github上
    1. 打开Git Bash Here

    2. 配置name 和 email
      输入git config --global user.name"yourname"设置Git的用户名
      输入git config --global user.email"youremail"设置Git的邮箱

    3. 生成密钥

      • 在Git Bash Here中输入cd ~/.ssh检查是否有.ssh的文件夹
        • 如果有.ssh文件夹,输入ls查看文件夹下的内容
        • 如果没有.ssh文件夹,输入ssh-keygen -t -rsa -C "yourEmail"连续输入三个回车,生成密钥(密钥的存放路径是:C:UsersAdministrator.ssh)
      • 输入eval "$(ssh-agent -s)",添加密钥到ssh-agent
      • 再输入ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent
    4. 注册github账户

    5. 在github上创建一个以yourname.github.io命名的仓库,创建时使用默认选项即可

    6. 添加密钥

      • 登陆github,点击右上角头向下的setting —> SSH and GPG keys —> SSH keys

      • 新建一个SSH key 将 C:UsersAdministrator.ssh 下的 id_rsa.pub文件里的内容复制上去.

      • 输入ssh -T git@github.com,测试添加ssh是否成功。如果看到Hi后面是你的用户名,就说明成功了

      • 配置Deployment
        在你搭建博客的文件夹中找到_config.yml文件,修改repo值(在末尾)

          deploy: 
            type: git
            repository: git@github.com:yourname/yourname.github.io.git
            branch: master
        

        注意:每一个:后面都有一个空格

    7. 将本地的博客上传到github上

      • 在部署博客的文件夹下打开Git Bash Here 输入hexo g编译文件
      • 输入hexo s打开本地服务器,在本地预览效果
      • 输入hexod将博客上传到github上(可能需要等几分钟才能够在网页上看到更新后的效果)
  • 相关阅读:
    详解ASP.NET中获取小程序二维码图片的操作<后端>
    ASP.NET 后台上传图片
    使用Js在前台画二维码
    在网页上点击图片打开一个新页面显示大图
    C# 使用RabbitMQ消息队列
    Git如何拉取指定远程分支
    win10专业版激活方法
    基于.Net Core3.1 MVC + EF Core的项目(一)框架的初步搭建
    session未过期就丢失的原因以及处理方式
    DES加密和base64加密
  • 原文地址:https://www.cnblogs.com/xm99/p/10741908.html
Copyright © 2011-2022 走看看