zoukankan      html  css  js  c++  java
  • 基于Hexo快速搭建个人博客网站

    网站示例:与李的个人博客

    一、搭建GithubPages

    1、在GitHub上创建一个名为"yourname.github.io"的仓库

    如我的GitHub账户名称为hanguilin,那么我就需要创建一个名为hanguilin.github.io的仓库

    2、进入仓库,进入Settings

    找到GitHub Pages

    第一部分是个人主页访问地址,初始化应该为http://yourname.github.io。

    第二部分是表示网站根目录/与gh-pages分支进行关联。

    第三部分是选择GitHub自带的主题。

    第四部分是关联到自定义域名,你的自定义域名需要解析到yourname.github.io域名上。拿阿里云举例,需要进入域名控制台进行域名解析,选择CNAME方式将自定义域名解析到yourname.github.io域名。

    第五部分是使用https,勾选之后,会自动为你的域名添加https支持。

    我们在这里去选择一个主题:

    选择之后根据提示将初始化代码进行提交。

    访问http://yourname.github.io,就可以看到初始化的个人主页。

    二、使用Hexo模板

    个人主页搭建好之后,发现页面很简单,没办法支撑自己更多的功能展现。所以我们可以用其他技术来美化我们的页面,如hexo。

    hexo

    hexo官网: hexo

    hexo简介:是一个基于nodejs 的静态博客网站生成器,只需一条指令即可部署到 GitHub Pages, Heroku 或其他平台。

    因为hexo基于nodejs,所以使用hexo之前需要安装node环境,安装过程可以浏览器搜索,网上很多相关教程。

    初始化一个hexo项目:

    # 安装hexo脚手架
    npm install hexo-cli -g
    # 创建一个blog的项目
    hexo init blog
    # 进入blog文件夹
    cd blog
    # 下载库包
    npm install
    # 本地运行,默认端口4000
    hexo server
    

    替换hexo项目默认模板

    如果hexo项目的默认模板(landscape)不符合你的审美,那可以在hexo主题库中挑选主题进行替换。

    hexo主题库:https://hexo.io/themes/

    将下载好的主题库放入blog/themes中,再打开blog目录下的_config.yml配置文件,修改其中的theme参数,值为blog/themes中你新加主题的名字。

    设置github仓库

    打开blog目录下的_config.yml配置文件,修改其中的deploy参数

    type: git表示代码用git进行管理

    repo表示仓库路径

    branch表示推送的分支

    hexo常用命令

    • hexo clean

      清空public文件夹

    • hexo g

      根据md文件生成对应的html

    • hexo s

      在本地运行

    • hexo d

      发布到Github Pages中

    三、本地化Markdown编辑器

    推荐使用Typora+PicGo+GitHub图床,具体方法请参考博客《MarkDown本地编辑神组合》

  • 相关阅读:
    Linux驱动之Framebuffer子系统基础知识
    C/C++语言常见面试题汇总
    转载-Linux驱动面试题汇总
    nginx服务在html中嵌入php代码无法显示问题
    关于strsep函数以及联想
    system替代函数
    system问题总结记录
    C语言-判断文件是否存在
    vue常见表单信息收集
    sublime 设置格式化快捷键
  • 原文地址:https://www.cnblogs.com/yl-space/p/14193252.html
Copyright © 2011-2022 走看看