首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Gatsby 创建一个博客

这个 React 组件将被呈现为静态 HTML 字符串,这将成为我们博客导航的基础。 在这一点,有一种合理的混乱和魔法会发生,特别是 props 属性注入的时候。...接下来:以编程方式创建必要的静态页面(并将模板注入)与 Gatsby 的 Node API,让我们开始吧。 此时需要注意的一点是,GraphQL 查询是构建时进行的。...在这一点,我们使用 React 组件和几个 GraphQL 查询创建了一个单页静态博客。然而,这不是一个博客!...你不知道,我们 Gatsby 做到这一点有多容易,使用我们博客模板中使用的类似策略,例如一个 React 组件和一个 GraphQL 查询。...创建博客列表 我在这一节中没有详细介绍,因为我们已经对我们的博客模板做了一些非常相似的事情!看看我们,我们在这一点已经是一个专业级的 Gatsby 使用者了!

2.5K30

如何下载博客模板部署自己的服务器

1:找到一个博客模板 基于vue+element-ui简洁的博客模板 ,下载链接:https://gitee.com/fengziy/Fblog 下载完成之后,放在d盘备用 ?...4:运行博客模板 npm run serve ? 打开浏览器,输入http://localhost:4567/,可以看见大致的页面内容了。 ?...5:下面重点来了,之前几篇里面配置好了购买的服务器,终于可以派上用场了,博客模板代码准备完成之后。 开始打包 npm run build ? 打包完成之后,项目文件夹里面出现了一个dist ?...7:按照上一篇文章里面简单粗暴的方法 服务器上传一个静态页面,并通过IP地址访问 https://www.jianshu.com/p/90bea1102096 把桌面文件拖到我的服务器里面 ?...8:这个时候,打开我的ip,加上文件名称,可以我自己的服务器上访问模板了,如果对vue很熟悉,那么就把模板改成自己想要的吧,等域名备案下来之后,直接替换成自己的域名啦。 ?

98240
您找到你想要的搜索结果了吗?
是的
没有找到

Android 搭建 hexo 博客

暑假刚开始的时候放假回家没带电脑,只能玩手机,想折腾一下博客都没有条件,一个发现一个 app, termux 真的强大!...(初始化需要访问国外网站)安卓手机上的 linux 简直了,在手机就可以搭了一个 hexo 博客,只要在 github 实现分支管理就可以多终端同步更新了。恕我学疏才浅,还只想到这些!...一开始想回校后,折腾一下 hexo-admin 实现类似动态博客一样的多终端管理(手动滑稽),现在发现 termux 这样子的操作也不错嘛,挺装哔 hhhhhh**部署后的效果** 准备 Termux...文件管理器(RE,MT 文件管理器等高级一点的) 开始 打开 Termux,输入$pkg install nodejs安装 Nodejs,输入pkg install git安装 Git。...编辑 写文章的话创建 md 文件命令和电脑一样,文件管理器打开/data/data/com.termux/files/home/i/source/_posts/ 编辑文章 md 文件。

89640

开始 GitHub 博客

开始 GitHub 博客 准备工作如下 申请 GitHub 账户并准备代码库 安装 Jekyll 安装 Ruby 如果用的是 Windows 系统, 需要先安装 Ruby , 需要下载 1.9.3...上传文件 上传文件最简单了, 不过我的建议是本地运行 jekyll --server , 先预览一下, 确认无误之后再上传。 只要用 Git 提交上去即可。...server 之后, _site 目录下没有生成任何文件, 只要将 _config.yml 中的 auto 配置为 false , 再运行 jekyll --server ,看看错误信息, 一般都可以解决的; ...windows 系统平台上, 如果你的博客包含中文字符, 则需要将当前命令行的代码页修改为 65001 (UTF8) 才能正常运行; 不要使用 windows 记事本编辑文件, 因为记事本保存的编码是

51630

GNOME 中创建文档模板

一天,浏览我的 Linux 系统文件的时候,我点击了 模板(Templates)文件夹,然后刚好发现窗口的上方有一条消息写着:“将文件放入此文件夹并用作新文档的模板”,以及一个“获取详情……” 的链接...image.png 创建模板 GNOME 中创建模板非常简单。...有几种方法可以把文件放进模板文件夹里:你既可以通过图形用户界面(GUI)或是命令行界面(CLI)从另一个位置复制或移动文件,也可以创建一个全新的文件;我选择了后者,实际,我创建了两个文件。...我的文章使用 Markdown 格式,所以我将模板创建为了一个新的 Markdown 文档——Opensource.com Article.md: # Title ``` An article...image.png 你可以为各种文档或文件制作模板。我写这篇文章时使用了我为 Opensource.com 的文章创建模板

4.2K20

CVM安装Ghost个人博客

用户可以支持Node.js的服务器使用自己的博客。Ghost官方支持版,同时有爱好者开发的第三方中文汉化版,如Ghost的中文汉化版。...Ghost提供开发插件的API和可以定制的Handlebars主题模板样式。 本教程中,您将使用官方ghost-cliUbuntu 16.04安装一个的Ghost实例。...您的服务器安装Node.js,如何安装Node.js请参考这篇文章 您的服务器安装Nginx,如何安装Nginx请参考这篇文章 您的服务器安装MySQL,如何安装MySQL请参考这篇文章 配置一个指向服务器的域名...service nginx restart 您的Ghost博客现已安装并可供使用。您可以http://example.com访问您的博客。现在让我们创建一个帐户,以便您创建第一篇文章。...然后,您将看到一个帖子列表,Ghost里叫做“故事”: 您可以左侧的菜单创建新故事或管理博客的其他设置。

91940

如何在Ubuntu 14.04使用Hexo创建博客

博客帖子和内容被处理并转换为HTML / CSS,它来自默认或自定义模板主题文件(很像其他静态博客生成器,如Jekyll和Ghost)。...npm install hexo-cli -g 第二个hexo-server是内置服务器,可用于部署之前预览和测试您的博客。...我们想要改变的最后一个选项是default_layout:写作部分进一步向下。这会将新帖子创建为草稿,因此必须先将其发布,然后才能在博客网站上显示。...通过遵循其存储库创建步骤,GitHub创建名为hexo_static的新存储库。确保选择“公共”选项并勾选“ 使用自述文件初始化此存储库”复选框。 创建存储库后,打开主Hexo配置文件进行编辑。...支架 创建新帖子时,Hexo可以将它们基于scaffolds文件夹中的模板文件。 您必须首先创建模板文件并将其放在此处以使用它们。此功能是可选的,只有您希望将来的Hexo帖子重复布局时才需要。

1.2K00

使用hexoGitHub搭建个人博客

Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,几秒内,即可利用靓丽的主题生成静态网页。...浏览器输入http://localhost:4000/即可访问 2.GitHub的配置 添加公钥到GitHub [root@docker blog]#ssh-keygen -t rsa -C “your_name...创建GitHub仓库 还是点击你的头像,单击‘Your repositories’再单击‘New’就可以创建一个仓库,如下图所示,库名填自己的用户名,否则可能会出现意想不到的错误 ?...修改配置文件 编辑blog下的_config.yml文件,repository地址为你刚才创建的仓库地址 ?.../zh-cn/docs/ 关于hexo博客的一些建议或者想法欢迎各位在文章下方留言 阅读原文可查看本人博客博客正在建设中。。。

61420

GitLab pages快速搭建Jekyll博客

GitLab pages快速搭建Jekyll博客 前一段时间将我的Jekyll静态博客从github pages镜像部署到了 zeit.co(现vercel)上了一份,最近偶然发现gitlab pages...如果怕github的密钥文件与gitlab的弄混,可以执行ssh-keygen -t rsa -b 2048 -C ""时,文件名取为: id_rsa_gitlab 然后到 .ssh 文件夹下创建一个文件名为...还可以git clone时,去掉末尾的.git Step4: 创建 CI/CD配置文件 这部分可以直接参考gitlab官方给的 jekyll 示例 https://gitlab.com/pages/jekyll...具体做法是,本地克隆下来的代码仓库的根目录中创建文件 .gitlab.ci.yml, 然后贴入如下代码: image: ruby:latest variables: JEKYLL_ENV: production...如有疑问,欢迎评论区提问交流~ 作 者: Bravo Yeung 首发于: GitLab pages快速搭建Jekyll博客 - 极客玩家大白 如需转载,请注明出处: https://www.geekplayers.com

1.3K10

使用Hexogithub搭建个人博客

一 什么是Hexo     Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,几秒内,即可利用靓丽的主题生成静态网页。    ...二 为什么部署到github     GIthub Pages则是github的一项功能,可以放置网页文件到指定文件夹,然后给你一个专属域名用于展示一些项目,但现在大多用来开发制作个人博客网站。...2.Git 用来将本地Hexo内容提交到Github。Xcode自带Git,这里不再赘述。如果没有Xcode可以参考Hexo官网上的安装方法。...关联Github: 创建仓库 登录你的Github帐号,新建仓库,名为用户名.github.io固定写法,如wangdachui.github.io即下图中1所示: ?...注意坑二:配置所有的_config.yml文件时(包括theme中的),在所有的冒号:后边都要加一个空格,否则执行hexo命令会报错,切记 切记 blog文件夹目录下执行生成静态页面命令: hexo

53610

如何使用本模板搭建博客 创建项目下载博客启动服务修改信息评论广告

博客支持搜索,适配手机访问,支持评论和类别。修改很是简单,只需要修改一个属性就可以搭建。 本文搭建博客使用 oschina 代码托管为例,实际的其他网站搭建也一样。...创建项目 第一步是创建一个项目,我下面创建一个叫 Foo 的项目。 ?...接着 git 删除远程,使用下面的代码,假设你创建的项目地址是 https://gitee.com/lindexi/Foo.git ,请把代码的 https://gitee.com/lindexi/Foo.git...如果有什么问题,欢迎联系我 lindexi_gd@163.com 参见:吕毅 - walterlv 简单搭建自己的博客 广告 博客经常需要放图片,但是放图片需要的动作有5步 找到一个可以上传图片的地方...资源管理器找到图片 上传图片 复制图片地址 粘贴在博客 如果使用QQ截图,那么中间需要保存图片。而且复制图片地址还需要对地址进行修改,实在太多了。

54510

macOS 创建安装程序

macOS 创建安装程序通常涉及使用 Apple 提供的 PackageMaker 工具或者创建一个 .dmg(磁盘映像文件),其中包含应用程序和安装脚本。...该应用程序 Eclipse 中运行良好,在运行时传入要打开的文件名和配置文件作为参数。现在,开发者使用 py2app 将其转换为应用程序。...问题是,他们如何处理参数,因为不同类型文件需要通过该应用程序打开,并且该应用程序处理时也需要配置文件。...按照向导的指示创建一个新的 .dmg 文件。你可以 .dmg 文件中添加自定义图标、背景图片等。还可以将应用程序的快捷方式拖放到 "Applications" 文件夹中。...以上是 macOS 创建安装程序的两种常见方法。选择哪种方法取决于大家项目的需求和偏好。

8810

初学者github建立博客

1.本地环境搭建 本地环境搭建其实不是必须的,有了第一步其实你的博客就已经搭建好了,但是,当你开始写博客时你就会感受到能在本地调试的好处,本地跑起来,省去了你频繁git commit,git push...安装Ruby windows可以访问:https://rubyinstaller.org/dow... ?...安装jekyll 安装jekyll前我们需要下载一个工具:gems 首先: gem install bundle 然后:打开命令行检查一下两步是否已安装 ruby -v ruby 2.3.3p222...这里假设rename为firstBlog,cd到D盘,运行命令 jekyll new firstBlog 创建一个默认的博客目录,但是会报错: 类似 Error: bundler 解决命令: gem install...3.总结 ok 过程中报的错从来没见过,要是不及时总结整理关闭网页后就再也找不到了 这是我回过头写这篇文章时最 头疼的.

44910

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券