用Hexo制作自己的静态博客

  • 时间:
  • 浏览:0
  • 来源:uu直播快3平台_UU快3直播官方

或者我我整个博客非要极少量图片等静态资源,我门歌词 能非要在source文件夹中新建十个 image文件夹,或者将图片放置进去,在文章中使用MarkDown标准格式[图片上传失败...(image-1115063-1510595721877)]即可访问。或者或者我我大每项文章都需要图片,没人这些 最好的辦法 就不太适用了。

默认情况表下,Hexo的默认主题landscape是支持Disqus的,相应的源代码能非要查看themes\landscape\layout\_partial/after-footer.ejs文件。当主配置文件中所处disqus_shortname选项,或者相应URL正确配置的话,Hexo就会自动显示Disqus评论。这是我的配置,这里的名称是我的网站的名称。

博客是十个 老东西了,肯能我门歌词 想写博客的话,有并就有挑选,第并就有是在博客网站上,这类QQ空间、新浪博客、简书等网站上申请账号,或者编写博客;第二种或者当事人找服务器搭十个 博客。搭建博客就有 并就有挑选,第并就有是搭建动态博客,这方面最流行的或者WordPress,第二种或者搭建静态博客,这方面有没人来越多挑选。说到功能上,动态博客当然更胜一筹,或者所需的服务器资源比较大,肯能想取得较好的效果,就需要花钱购买服务器资源。静态博客功能比较单一,或者肯能省资源,没人来越多能非要找到没人来越多免费部署的资源(这类Github Pages)。

修改完毕刚刚 别忘了执行hexo generate重新生成静态文件,或者再次提交,就能非要发现这次项目完美的出現了。

等待图片npm安装好所有依赖包刚刚 ,博客就算建立好了。博客的文件行态如下面所示。

在安装Hexo刚刚 ,首先需要安装Node.js和Git十个 工具。

肯能未指定文件夹,hexo会在当前文件夹创建项目文件。

项目中还有十个 名为scaffolds的文件夹,后边存放的不同布局的模板。或者我所有文章就有 分类属性,没人来越多需要在post.md中去掉 categories:一行。这里在---之间包括的代码是文章的属性,肯能由Hexo渲染为实际的样式。我门歌词 的博客文章需要写在这些 每项的后边。

或者访问Github Pages的路径,就会发现项目肯能出現了,当然样式就有 乱的。肯能我门歌词 还没人设置要花费的URL。本地开发的话,路径直接或者域名。或者Github Pages的路径一般都就有 以域名开头的,没人来越多需想要 门歌词 按照当事人的项目路径进行修改,下面是我的项目配置。

或者将所有代码一起去提交到Github上,并在设置中挑选docs选项,或者保存。

该命令会生成博客的静态文件。

博客效果

启动本地服务器来开发博客,默认地址为 http://localhost:1500/ 。

肯能未指定布局,会使用配置文件中的默认布局选项。肯能文章标题含晒 有空格等字符,需要使用双引号包括标题。

或者输入下面命令来安装Hexo。

默认情况表下布局有postpagedraft十个 ,它们所在的文件夹位置或者同。默认使用post布局,生成的文章会装在去source/_posts下。执行完这些 命令刚刚 ,在该文件夹会出現名为<title>.md的markdown格式文件,这或者我门歌词 的博客文件,我门歌词 能非要按照markdown语法来编辑它。

这里我写了一篇小文章,介绍了某些经验。

另十个 一来,不管在哪个页面,图片都能非要正常显示了。

当然这篇文章仅仅介绍了Hexo的某些点知识,Hexo还有丰厚的主题、插件可供探索。这里就仅仅抛砖引玉,各位肯能有兴趣的话请自行探索吧!最后附上我的静态博客地址https://techstay.github.io/my-static-blog/,欢迎我门歌词 查看!

或者生成静态页面。

安装好Hexo刚刚 ,就能非要建立博客了。建立博客需要输入以下命令。

成功配置刚刚 ,在每篇文章下面,应该就会都看十个 Disqus评论框了。

这刚刚 ,我门歌词 能非要在配置文件中设置post_asset_folder选项为true。另十个 在创建文章时,Hexo会一起去创建十个 和文章同名的文件夹,我门歌词 能非要将每个文章单独的资源装在去该文件夹,或者以相对路径的方使引用。

在项目外层文件夹含晒 十个 _config.yml,这是博客项目的全局配置文件,在这里有没人来越多选项需想要 门歌词 修改。这类博客主标题、子标题、描述、作者、语言、时区、博客地址和根地址等等。这里列举的哪此地址都需想要 门歌词 根据当事人需求进行修改。

发布博客有没人来越多种最好的辦法 ,肯能你有十个 当事人的服务器,能非要挑选FTP、RSync、Git等多种最好的辦法 发布到服务器。当然这里为了省事就直接发布到Github Pages上。肯能Github Pages要求静态网站在项目的根目录肯能docs目录下,没人来越多这里需要对项目进行一下小修改,在配置文件中将发布路径改为docs

还有某些命令这里就不介绍了,需要完整篇 了解的话能非要直接查看官方文档。

编写新文章使用下面的命令。

Github Pages设置

写完刚刚 ,使用下面的命令启动本地服务器,或者访问http://localhost:1500/查看一下博客效果。

举个例子,或者我我图片名为hello.jpg,肯能放置到文章同名的文件夹中,没人在文章中引用图片,能非要使用标准Markdown形式[图片上传失败...(image-22e4b0-1510595721878)]。不过这些 最好的辦法 仅适用于在文章页面下,或者我我在主页肯能归档页面查看文章,肯能相对路径不同,图片是无法正常显示的。

搭建静态博客这方面有没人来越多工具可供挑选,我都看看Hexo是十个 很不错的挑选,使用人数比较多,功能也挺丰厚,没人来越多这里我就挑选Hexo来搭建静态博客。这篇文章在没人来越多地方也参考了Hexo 官方文档。

下面介绍一下Hexo的常用命令,方括号[]中包括的是可选项,尖括号<>中包括的是必选项。

静态博客肯能是静态的,没人来越多没人最好的辦法 支持评论等功能。不过没人来越多第三方评论服务都能非要通过去掉 JS代码的最好的辦法 让博客能非要支持评论功能。另十个 国内比较著名的第三方评论系统有多说,可惜肯能无法盈利肯能关闭了。Hexo官方支持Disqus,十个 国外的第三方评论平台。当然,为了使用Disqus,首先你需要去注册十个 账号,并去掉 十个 网站。

对于这些 问提,我门歌词 需要使用Hexo的标签插件来处置。这些 插件在Hexo 3中肯能包括到核心包中,没人来越多我门歌词 能非要直接使用,使用语法如下。肯能图片名或标题有空格,需要使用双引号包括。