百科生活 投稿
关于【如何建博客】:如何建博客(如何搭建个人博客站点),今天小编给您分享一下,如果对您有所帮助别忘了关注本站哦。
- 内容导航:
- 1、十分钟创建属于自己的免费个人博客
- 2、如何建博客(如何搭建个人博客站点)
1、十分钟创建属于自己的免费个人博客
本文目录:
- 一、安装并配置Hexo
- 二、部署到托管平台
- 三、效果展示
首先要确保电脑中已经安装了node.js和git。网络上有大量关于这两个软件安装的过程,在此不再赘述。
一、安装并配置Hexo
只需要一步,就可以轻松安装Hexo:
npm install -g hexo-cli
安装后,我们需要生成必要的文件:
hexo init my_blogcd my_blognpm install
然后我们就可以使用如下命令来本地预览我们的博客网站了:
hexo s
默认情况下效果如下图:
我们可以挑选自己喜欢的主题,我个人倾向于使用Next主题,安装主题的方式非常简单,下载主题后解压放在themes文件夹中即可,在这里我们使用git克隆到本地。
git clone https://github.com/theme-next/hexo-theme-next.git themes/next
二、部署到托管平台
很多人使用Github,不过我们在这里使用的是腾讯旗下的CODING平台。它们都提供了免费的网站服务。
注册后,新建一个项目:
然后我们把项目的git地址拷贝下来:
还有一步是必要的,那就是把我们电脑的公钥添加进来,公钥的生成可以百度搜索一下,非常简单:
在我们的博客目录下可以看到_config.yml文件,打开找到themes和deploy部分并编辑:
## Themes: https://hexo.io/themes/theme: next# Deploymentdeploy: type: git repo: git@git.dev.tencent.com:data_insights/my_blog.git branch: master
把我们刚才复制的项目地址粘贴进来,默认使用master分支。然后把主题的名字贴进来,注意,这里主题的名称要跟我们克隆(或者复制)进来的文件夹名称一致。
本地预览一下:
hexo s
简洁而美观,后续我们可以再调整主题和样式,我们先来尝试部署到线上。
我们需要先安装hexo-deployer-git:
npm install hexo-deployer-git --save
安装完成后,我们输入:
hexo clean && hexo generate && hexo deploy
或者简化为
hexo clean && hexo g && hexo d
好,在我们的CODING平台,已经可以看到代码了:
然后,我们开启Pages服务:
好了,现在就可以访问我们的个人博客了。
三、效果展示
给大家看一下我的博客的效果,所有的调整和定制都非常简单,大家可以在hexo和所使用的主题的官方文档中找到你需要的东西。
2、如何建博客(如何搭建个人博客站点)
如何建立博客(如何建立个人博客网站)
1.如何使用github页面部署个人博客?
登录github,点击右上角新建仓库,填写username.github.io,username填写自己的github名称。例如,如果博主是洪都博客hz-bin,仓库名为hz-bin.github.io
进入项目设置->页面:页面,从来源中选择主控,然后点击保存完成部署,可通过https://https://Hz-bin . github . io访问
2.如何使用jekyll和TeXt主题编辑博客内容?
本地部署杰基尔环境参考杰基尔中文文档。
在本地克隆TeXt主题,然后进入je kyl-TExT-主题目录。如果有Gemfile.lock文件,请先将其删除。
然后在命令行执行gem install bundler jekyll命令,再执行bundle exec jekyll serve,就构建了本地博客。
在浏览器中输入http://localhost:4000/即可访问博客内容。
如何添加博客:在_posts目录中创建新的markdown文件,文件名格式为yyy-mm-dd-blogname.md. Jekyll会自动构建。
3.如何将gitalk配置为博客评论系统?
首先需要新建一个OAuth应用程序(右上角头像->设置->;开发人员设置->;OAuth应用程序->;新增OAuth App),如下图所示:
单击生成新的clien测试秘密:
将客户机标识和刚刚生成的客户机机密复制到_config.yml文件中,其他参数如图所示:
配置完成后,登录gitalk可能会出现403错误。请参考Gitalk评论如何解决登录403的问题,在cloudflare上创建免费在线代理,解决gitalk授权登录报告403的问题。
4.如何配置leancloud记录文章访问次数?
先进入LeanCloud,新建一个应用,自己填写应用名称。然后进入设置界面,如下图。在_config.yml配置中,pageview的提供者用leancloud填充,leancloud的app_id和app_key分别用应用凭证界面的AppID和AppKey填充。
App_class填写Blog或自行定义名称,LeanCloud将在数据存储中使用->: Class在结构化数据中创建,相当于存储访问次数的表。
modify _ includes/page view-providers/lean cloud/lean cloud . js如下所示,serverURL改为serverURL,值改为上面应用证书中的REST API服务器地址。
参考官方文件:
初始化:https://leancloud.cn/docs/sdk_setup-js.html#hash20935048.
数据存储介绍:https://leancloud.cn/docs/leanstorage-started-js.html.
5.如何为博客设置自定义域名?
首先,你需要申请一个域名。这个博客的域名是从腾讯云申请的。
域名申请完成后,进入域名管理界面,点击分析。
添加以下2条记录,其中ip地址是通过ping hz-bin.github.io获得的:
转到github项目的设置->页面配置界面,自定义域名填写刚注册的域名,勾选强制HTTPS,然后保存。大约等10分钟,你可以通过https://www.hz-bin.cn参观。
Gitalk和cloudflare修改
配置域名后,会发现gitalk无法登录,也无法得到文章数,需要修改相关配置。
登录github,右上角头像->设置->;开发人员设置->;OAuth Apps,见下图界面,点击第3节新的OAuth应用,将主页URL和授权回拨URL改为新的博客地址https://www.hz-bin.cn,然后保存。
登录cloudflare,操作如下图所示:
本文关键词:你能教我如何创建博客吗,怎么建立博客,怎么建博客,如何创建博客,怎样开通博客写博客。这就是关于《如何建博客,你能教我如何创建博客吗(十分钟创建属于自己的免费个人博客)》的所有内容,希望对您能有所帮助!
- 最近发表