zoukankan      html  css  js  c++  java
  • Hexo+Github博客搭建小白教程

    Hexo+Github博客搭建小白教程

    昨天宅在家里一天捣鼓一天的搭建的博客,基本功能是有了,当然还有很多不足以后慢慢修饰吧

    博客地址:点击查看

    效果图:

    是不是还挺挺炫酷的,现在来开始搭建吧

    首先安装好环境,环境自行百度本篇不做介绍了

    1、安装Node.js

    点击地址

    2、添加国内镜像源

    如果没有梯子的话,可以使用阿里的国内镜像进行加速。

    npm config set registry https://registry.npm.taobao.org

    3、安装Git(MAC 自带忽略)

    点击安装教程  地址

    以上1、2、3都安装环境已经安装直接跳过

    4、注册Github账号

    两个箭头名字最好一致

    加入前面地址 pikachuworld, 后面的   songxiaotao.github.io 那么你的博客地址就会变成https://pikachuworld.github.io/songxiaotao.github.io 

    选择主题

    打开上面github博客地址https://pikachuworld.github.io/

    初步效果图:

    ctrl+c关闭本地服务器。

    首先右键打开git bash,然后输入下面命令

    git config --global user.name "pikachuWorld"  //用户名
    git config --global user.email "XXXX@163.com"  //邮箱

    用户名和邮箱根据你注册github的信息自行修改。

    然后生成密钥SSH key:

    ssh-keygen -t rsa -C "xxx@163.com" // 

    打开github,在头像下面点击settings,再点击SSH and GPG keys,新建一个SSH,名字随便。

    git bash中输入 

    cat ~/.ssh/id_rsa.pub

    在gitlab上绑定公钥

    setting→SSH Keys→Add an SSH key

    将输出的内容复制到框中,点击确定保存。

    输入ssh -T git@github.com,如果如下图所示,出现你的用户名,那就成功了。

    打开博客根目录下的_config.yml文件,这是博客的配置文件,在这里你可以修改与博客相关的各种信息。

    修改最后一行的配置:

    deploy:
      type: git
      repository: https://github.com/pikachuWorld/pikachuWorld.github.io.git //你的github项目地址
      branch: master

    5、写、发布文章

    首先在博客根目录下右键打开git bash,安装一个扩展npm i hexo-deployer-git

    然后输入hexo new post "article title",新建一篇文章。

    然后打开 你的blog目录source\_posts的目录,可以发现下面多了一个文件夹和一个.md文件,一个用来存放你的图片等数据,另一个就是你的文章文件啦。

    编写完markdown文件后,根目录下输入hexo g生成静态网页,然后输入hexo s可以本地预览效果,最后输入hexo d上传到github上。这时打开你的github.io主页就能看到发布的文章啦。

    6、个性化设置(matery主题)

    下面的个性化设置主要针对的是matery主题   主题的原地址在这里:点击查看

    7、 遇到的坑解决方案

    按照教程配置之后

    1、注意hexo d发布的时候输入用户密码报错

    remote: Support for password authentication was removed on August 13, 2021.

    这是因为github为什么要把密码换成token,把密码换成token就可以了,致于怎么创建具体看下面的教程

    如何生成自己的token

    这是因为github为什么要把密码换成token,把密码换成token就可以了,致于怎么创建具体看下面的教程

    如何生成自己的token

    2、关于配置评论模块(配置有风险当心获取你clientSecret你清空的github)这个配置但是评论还有bug,先留着以后查找一下

    为Hexo添加Gitalk评论插件https://segmentfault.com/a/1190000014085547

    3、Hexo: 添加Valine评论(邮件通知、评论列表头像)

    点击教程

    配置之后出来valine评论弹幕, 需要把代码需要修改一下

     看看效果:

     

    目前主要是功能总结:

    已经完成:
    1、推荐优质文章
    2、搜索功能
    3、评论模块
    4、打赏功能(可以重点测试哈)

    待开放的功能:
    1、页脚统计
    2、关于部分页面项目替换
    3、页面样式UI

    -------------------更新中------------------

     

  • 相关阅读:
    python的使用
    SFM(structure from motion)
    linux 常用命令
    opencv图像操作
    两圆位置判断
    nat123动态域名解析软件使用教程
    IIS负载均衡
    Oracle 查询表信息(字段+备注) .
    【原创】开源.NET排列组合组件KwCombinatorics使用(三)——笛卡尔积组合
    visual studio 2013使用技巧
  • 原文地址:https://www.cnblogs.com/pikachuworld/p/15203463.html
Copyright © 2011-2022 走看看