文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

手把手教你用vuepress搭建自己的网站(1)

Jekyll 特点:Github 自带的,您不用部署静态页面,您只要往 GitHub 上推 md文件就能产生 blog 问题: 当 md 文件多了之后,排序是一个很头疼的问题,纯体力手工劳动,无法实现自动化...,速度很是极具考验 后端基于 Ruby 语言 我早期的博客就是用 jekyll 搭建的,但是后来因为管理确实麻烦,就没打理了的Jekyll 官方文档 http://jekyllcn.com/ Hexo...特点:比Jekyll要先进一点,先生成文件,在部署 基于Node.js的静态网站生成器 主题很丰富,在vuepress之前很多博客,文档网站都是基于Hexo搭建的,是用jekyll还是Hexo搭建的,基本上做...使用文档,可以去尝试一下,这个不仅仅可以写Ts,在md也可以写TypeScript 在自己用 VuePress搭建网站的过程中,从零开始,一行行代码的配置,编写,以及考虑代码模块化的拆分,维护性,可实现按需定制化...,建议一步步的按阶段完成,有些配置你不必知道原因,你只需要知道按照官方文档那么配置,能出来,达到你想要的效果就可以了,至于内部原理,富有闲于时,可自行探索,不必深究 也不要一上来,就去折腾自定义主题,看到酷炫花销的博客

1.2K20
您找到你想要的搜索结果了吗？
是的
没有找到

技术人如何搭建自己的技术博客

提供流行的网页主题模板 缺点也是有的： 不支持动态内容，博客必须都是静态网页，一般会使用 Jekyll 来构建内容。...给大家分享一些 Jekyll 主题，这个网站下有很多 http://jekyllthemes.org/ 主题，大家可以根据自己的爱好去选择博客主题。...我的博客最初使用的是Yummy-Jekyll，但这个主题已经尽两年多都没有更新了。...这个时候，你访问此地址已经可以看到博客的首页，但是点击文章的时链接跳转地址不对，这是因为少配置了一个文件。...就这样很麻烦的步骤我用了几个月后，实在是受不了了，一方面因为服务器在国外，有时候仍然不稳定（可能因为服务器安装了代理），另一方面我需要使用一些功能，使用这些功能的前提是网站需要备案，那段时间腾讯云在做活动

1.3K10

Allens Blogs 创建历程（1）

到最近，无意中看到一篇译文，似乎是《像黑客一样写博客》，瞬间就被带上车了，开始使用 Jekyll 和 GitHub Pages 架设我的静态博客。...在网络上有很多漂亮的 Jekyll 主题可供你选择，你可以访问jekyllthemes.io找到你喜欢的主题并下载下来，或者通过 Google 搜索，如果还不满意，你也可以选择自己创建一个主题。...选择好你喜欢的 Jekyll 的主题后，将主题复制到前面从 Github 上 Clone 的项目文件夹中去。...开始写作 Jekyll 博客的配置全在 Blogs 根目录的_config.yml文件中，一般来说，只要没有什么特殊的需求，只需要修改诸如：博客名、所有者名字、email等信息即可，如果有更多的需求，请参考所用主题的说明和...，只要有一点编程基础应该都能搞得定，而且不用像自己搭建 VPS 那样要时不时去维护主机，当然了，Jekyll 也并非完美，下篇文章我将分享我用 Jekyll 时踩到的一些坑。

72210

技术人如何搭建自己的技术博客

提供流行的网页主题模板 缺点也是有的： 不支持动态内容，博客必须都是静态网页，一般会使用 Jekyll 来构建内容。...给大家分享一些 Jekyll 主题，这个网站下有很多 http://jekyllthemes.org/ 主题，大家可以根据自己的爱好去选择博客主题。...我的博客最初使用的是Yummy-Jekyll，但这个主题已经尽两年多都没有更新了。...这个时候，你访问此地址已经可以看到博客的首页，但是点击文章的时链接跳转地址不对，这是因为少配置了一个文件。...就这样很麻烦的步骤我用了几个月后，实在是受不了了，一方面因为服务器在国外，有时候仍然不稳定（可能因为服务器安装了代理），另一方面我需要使用一些功能，使用这些功能的前提是网站需要备案，那段时间腾讯云在做活动

92730

H2O-ac theme for Jekyll

前言   正如大家所知，Jekyll 是一款高可定制的、非常流行的静态博客生成工具。围绕着 Jekyll 也衍生出了很多优秀的 Jekyll 主题， 由 廖柯宇 开发的 H2O 主题就是其中之一。...这里在 H2O 提供的社交图标类型基础上做了这些平台图标的扩充，同时尝试了 Symbol 引用的方式来实现社交图标鼠标悬停的效果，从而简化代码（H2O 采用的是字体图标的方式，需要为每一个社交图标定义不同的主题色...这里是采用的 Fancybox 插件实现的。H2O-ac 主题中只使用了最简单的配置，用户可以根据需求查看文档做出更多的修改。...To be or not to be is a question. ------ 莎士比亚 代码高亮优化   本人使用 H2O 主题的时候代码高亮功能还是沿用的 Jekyll 自带的，后来 H2O...由于本主题未使用 Bootstrap 前端框架，所以添加起来稍微有些麻烦，现已增加此功能。在浏览器窗口超过 1050 px 的情况下，在文章页面可以正常看到右侧的文章侧边索引导航。

1.1K30

怎么选择和快速搭建个人博客 转

但是平台风格单一，不仅自定义程度低，而且还有许多形式限制（当然限制也有专心于内容的好处），推荐给嫌麻烦不喜欢折腾又不反感条条框框的人。...静态网站生成技术提供一系列可以配置CSS样式和修改网页行为的方式，有可供选择的大量插件，很容通过插件实现评论、搜索、分析等你想要的所有功能（标配并不带有这些功能）。 主题丰富，高颜值。...7) hugo 基于GO语言实现，极速生成网站，Github代码库11k+ 安装配置十分流畅，但是在部署发布时遇到一点坎坷（需要了解一点Shell脚本 相对来说中文不是很友好，中文社区不是很活跃 主题...免费使用系统，但是配置服务器需要支付一定的费用（低配年费要大几百）。 丰富与臃肿。...虽然各大服务器商均有提供WordPress服务器镜像，可以实现5分钟快速搭建，但是如果不了解一些基本的web知识，会比较容易在搭建和使用过程中摸不着头脑。

1.8K30

快速在 Windows 上搭建 Jekyll 开发环境

可能你的博客来源于这些地方： 从 Jekyll Themes 挑选并下载了一款主题； 克隆了自己或别人的博客站点，准备改改自己用； 那么我们开始。...Ruby 跨版本升级的坑 如果你之前安装过 Ruby 的旧版本，现在需要跨大版本号升级，那么你会遇到很多问题： ruby 命令对应新旧哪个版本是不明确的 如果你覆盖安装了 ruby，那么之前安装自动设置的那些环境变量...（例如 gem）就会丢失 这会导致你试图编译你的博客时遇到各种各样奇怪的错误。...本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。...欢迎转载、使用、重新发布，但务必保留文章署名 吕毅 （包含链接： https://walterlv.com ），不得用于商业目的，基于本文修改后的作品务必以相同的许可发布

1.1K10

我TM就是管住不自己这双手啊

这个时期使用 Jekyll 作为主要的静态博客生成引擎，可以方便地使用 Markdown 来进行写作，并且这也是 Github Pages 官方支持的。...Jekyll 最初是使用了一个简单的模板，后来随着需求日益增加，比如需要标签、目录、侧边栏等功能，于是又转投了另一个主题。...berserk 这个博客系统一直缝缝补补并使用了很一段时间，充满了各种奇怪的前后端 tricks。期间也遇到过各种问题，比如整天被乌克兰的机器人在评论区发广告，于是又加入了人机验证，诸如此类。...meme 总之，博客还是从 Jekyll 迁移到了 Hugo。迁移过程不算太顺利，因为二者对 Markdown 的元数据理解不同，而且整站的路径也不一样，但通过编写迁移脚本可算实现了。...反过来说，如果你是前端，那么自己写一套主题那也应该是常规操作，投机取巧并不能让你自己有所受益；其次，留下主题信息可以让更多看到的人去使用是件好事，获得更多关注后就可能潜在引入更多的开源贡献，最终能让你自己获得更好的使用体验

32820

历时25天，我的博客（www.ityouknow.com）终于又活了过来

Github 主页，发现有一个 Jekyll 主题 Yummy Jekyll Theme。...看到这个主题后，花了一点时间尝试着按照它的语法写了一篇文章，发现有一种用敲代码的方式去写文章的感觉，文章渲染之后的效果也很好。...在使用一年多后的一天也就是2017年的8月，提交新文章时突然收到 Gitub 返回的邮件报编译错误，自己花了很多时间去找原因，甚至去V2ex求助，给主题作者发邮件都无果，后来尝试着给 Github 官方发了几封邮件...说干就干，在本机折腾了两天终于搭建好了环境，使用 Jekyll 命令可以在本机新建、预览、编译博客，非常方便。...过程虽然稍显麻烦，但解决了百度搜索引擎和 Github Page 组件升级的问题。切换之后没过多久，博客的日均访问量到了1.5W左右。

1K31

Jekyll 文章侧边索引导航

Jekyll 生成目录的方案   如参考资料 1 中所提到的，如果想要在 Jekyll 中实现文章目录，有三种不同的方案可供选择： 第一种方案   利用完整的标签来生成静态目录，可以看到在本文的开头就是这样的一个实例...布局   从目标一来看，其实在大部分的静态博客主题中都是有这样的功能的（PS：可能 Jekyll 是个例外，原生只支持静态目录）。...这里我们想要实践的是在未使用 Bootstrap 框架的 Jekyll 主题中增加目标一的功能，因此这两个例子的做法都不是很合适。...实际上，从需要维护的代码量来说，第一个例子的做法所需的 js 代码应该是算少的，但是不是存在完全不使用 js 代码也能实现这样的功能的方案呢？实际上是存在的。...自适应   为了实现目标二，这里采用了最简单的 CSS 媒体查询，即在平常 PC 端宽屏时采用如下 common.sass 中的样式。

1.5K30

Hello Octopress

版本 ruby --version #查看系统ruby版本 [注：如果install 1.9.3-p0时报错，提示llvm不行，需要安装gcc时按照提示的命令执行即可：brew tap homebrew...关于如何修改主题和默认的样式 Octopress支持的第三方主题下载和预览网站 关于侧边栏和主题的定制，添加新浪微博，多说评论，分类标签云等等 [注意，使用多说的话，shortname不是你的个人资料中的名称...另外，对于这里提到的升级问题，可以干脆直接删除data-title] 最有用的资料总能在这里找到：Octopress的官方文档 ③ 关于Jekyll Octopress是基于Jekyll的，所以对Jekyll...等等内容，这对后面的Octopress的使用会有很大帮助的。...④ 关于本地编写博客 对于Markdown编辑器，我觉得Mou可能不是最好的，但是，它是很精巧的！我简直爱不释手，希望之后能够在我的博客中实现数学公式的编辑，这样会很方便，哈哈 哦了，今天就到这里啦！

58820

Hugo系列(4) - 从Hexo迁移至Hugo以及使用LoveIt主题的踩坑记录

前言 本文主要记录从Hexo迁移至Hugo所遇到的一些坑，以及Hugo的LoveIt主题的一些bug之类的应对方案。...Valine评论功能无法使用 LoveIt主题的评论功能默认情况下是无法在本地使用的，除非修改模板渲染文件，或者启动本地服务时添加参数，如下： 1 hugo server -e production...这样就可以在本地调试时使用"评论系统”, “CDN” 和 “fingerprint”。...--more--> 文章标题里的特殊符号不需要使用字符实体 在Hexo里，如果文章的标题里存在英文的双引号、冒号等特定的符号，必须使用字符实体来替代，否则就会报错。....nojekyll文件会告知GitHub Pages不使用jekyll来渲染静态站点，这样就不会和md文件里的某些代码冲突而build失败。

1.5K20

初学者在github上建立博客

1.本地环境搭建 本地环境搭建其实不是必须的，有了第一步其实你的博客就已经搭建好了，但是，当你开始写博客时你就会感受到能在本地调试的好处，在本地跑起来，省去了你频繁git commit,git push...或许也可能报其他的错误比如 http://blog.csdn.net/rxm1989/... 这步遇到的错误在网上几乎都可以找到。...2.去fork博客主题 例如这个：https://github.com/barryclark......bundler 再次运行 jekyll new firstBlog 不报错后进入项目 cd firstBlog 起服务 jekyll serve y/成功了 访问127.0.0.1:4000即可在本地看到你的博客了...3.总结 ok 过程中报的错从来没见过，要是不及时总结整理关闭网页后就再也找不到了 这是我在回过头写这篇文章时最 头疼的.

45010

个人免费博客花式搭建指南

实现与评价   这里就以笔者的个人博客站点为例解释一下如何使用静态生成器来搭建博客。...Jekyll 的开始与 Hexo 有所不同，Hexo 是采用子目录的方式加载应用新的主题，而 Jekyll 则是采用主题化的方式应用主题。...也就是说，如果你想使用某个 Jekyll 主题，唯一的方式就是克隆这个 Jekyll 主题的项目，并在此基础上开始你的博客。...在实际的使用过程中，笔者根据自己的需求也在 H2O 主题上做出了一定的功能修改，并开源为 jekyll-them-H2O-ac。...当使用前述的主题时，文章开始的配置声明部分包含 layout (使用的模板)、title (文章标题)、subtitle (文章副标题)、date (撰写日期)、tags (标签)、categories

1.7K40

如何在Ubuntu 16.04上建立一个Jekyll开发网站

Jekyll非常适合需要离线工作的人，更喜欢使用轻量级编辑器进行内容维护的Web表单，并希望使用版本控制来跟踪其网站的更改。...以安装所需的依赖项，并自动安装名为Minima的主题。...它们是Jekyll用于创建静态站点的源文件。Jekyll依赖于特定的名称，命名模式和目录结构来解析不同的内容源并将它们组装到静态站点中。...在添加新帖子和页面时，使用现有结构并遵循Jekyll的命名约定非常重要。 提示： tree是查看文件和目录结构的一个非常有用的命令。...如果我们在我们的网站上工作时让开放服务器在前台运行时打开此终端，我们将在添加页面和帖子以及更改内容时立即收到反馈。

1.6K71

踩坑记录丨记Jekyll + Github Pages搭建个人博客时遇到的各种问题

▲ Bend Blog 的个人主页 准备搭建：前期准备 其实在准备搭建之前，我还花了一点时间找 Jekyll主题，最终还是选了 这个主题。它里面也有相关使用介绍。...▲ 主题首页 搭建过程参考了下面搭建的文章： Github+jekyll：建立你自己的博客网站 github + jekyll 建自己的博客 GitHub | 个人静态博客搭建 Jekyll 主要步骤总结...gem install jekyll 选择jekyll主题并配置 推送至GitHub的远程仓库 具体步骤可以查看：Github+jekyll：建立你自己的博客网站 ---- 踩坑之一：Windows...找到下面文章： 使用jekyll本地调试可以访问静态资源，但是上传至GitHub无法访问的问题 它里面写的看似对我也没什么用，到这里，已经开始绝望，准备推倒重来。...其中，每个大坑中还有各种小坑，等待着我们去探索 一时的心血来潮，一天的踩坑记录。 只要思想不滑坡，结果终将皆所愿！ —— 2022-04-09

89920
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券