博客

作者: 魔王哪吒 | 来源:发表于2019-11-19 15:43 被阅读0次
    image.png

    安装Git, 安装nodeJS

    image.png image.png image.png image.png image.png image.png

    在git bash输入ssh -T git@github.com

    image.png

    将hexo部署到GitHub

    image.png image.png image.png image.png image.png

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

    你可以会直接在vscode里面编写markdown文件,可以实时预览,也可以用用其他编辑md文件的软件的工具编写。
    编写完markdown文件后,根目录下输入hexo g生成静态网页,然后输入hexo s可以本地预览效果,最后输入hexo d上传到github上。这时打开你的github.io主页就能看到发布的文章啦。

    - node_modules - public - scaffolds - source - _data - _posts - about - archives - categories - friends - tags - themes
    
    image.png

    在文件根目录下的_config.yml,就是整个hexo框架的配置文件了。可以在里面修改大部分的配置。详细可参考官方的配置描述

    title网站标题subtitle网站副标题description网站描述author您的名字language网站使用的语言timezone网站时区。Hexo 默认使用您电脑的时区。时区列表。

    参数描述layout布局title标题date建立日期updated更新日期comments开启文章的评论功能tags标签

    Hexo有三种默认布局:post、page和draft

    hexo new page newpage

    draft是草稿的意思,也就是你如果想写文章,又不希望被看到,那么可以

    hexo new draft newdraft

    这样会在source/_draft中新建一个newdraft.md文件,如果你的草稿文件写的过程中,想要预览一下,那么可以使用

    hexo server --draft

    如果你的草稿文件写完了,想要发表到post中,

    hexo publish draft newdraft

    简单漂亮,文章内容美观易读
    Material Design 设计
    响应式设计,博客在桌面端、平板、手机等设备上均能很好的展现
    首页轮播文章及每天动态切换 Banner 图片
    瀑布流式的博客文章列表(文章无特色图片时会有 24 张漂亮的图片代替)
    时间轴式的归档页
    词云的标签页和雷达图的分类页
    丰富的关于我页面(包括关于我、文章统计图、我的项目、我的技能、相册等)
    可自定义的数据的友情链接页面
    支持文章置顶和文章打赏
    支持 MathJax
    TOC 目录
    可设置复制文章内容时追加版权信息
    可设置阅读文章时做密码验证
    Gitalk、Gitment、Valine 和 Disqus 评论模块(推荐使用 Gitalk)
    集成了不蒜子统计、谷歌分析(Google Analytics)和文章字数统计等功能
    支持在首页的音乐播放和视频播放功能

    https://blinkfox.github.io/2018/09/28/qian-duan/hexo-bo-ke-zhu-ti-zhi-hexo-theme-matery-de-jie-shao/

    当然你也可以在你的 themes 文件夹下使用 Git clone 命令来下载:

    git clone https://github.com/blinkfox/hexo-theme-matery.git

    image.png image.png

    安装命令如下:

    npm i -S hexo-prism-plugin

    社交图标(如:fa-github)你可以在 Font Awesome 中搜索找到。

    Facebook: fa-facebook
    Twitter: fa-twitter
    Google-plus: fa-google-plus
    Linkedin: fa-linkedin
    Tumblr: fa-tumblr
    Medium: fa-medium
    Slack: fa-slack
    新浪微博: fa-weibo
    微信: fa-wechat
    QQ: fa-qq

    修改打赏的二维码图片
    在主题文件的 source/medias/reward 文件中

    name、artist、url、cover 分别表示音乐的名称、作者、音乐文件地址、音乐封面。

    image.png

    简单使用方法:

    1. star 本项目
    2. 安装Git, 安装nodeJS
    3. 你可以直接fork一份源码到你的仓库,clone到本地
    4. 在本地博客仓库运行npm i命令安装依赖包
    5. 修改配置信息,改成自己的信息
    6. 运行命令hexo clean(清除生成文件),hexo g(生成网页), hexo s(本地预览),hexo d(部署)

    相关文章

      网友评论

          本文标题:博客

          本文链接:https://www.haomeiwen.com/subject/hnqwictx.html