精华内容
下载资源
问答
  • Gitee 码云 pages 搭建个人网站

    万次阅读 多人点赞 2018-02-12 19:58:34
    码云 Pages 是一个免费的静态网页托管服务,您可以使用 码云 Pages 托管博客、项目官网等静态网页。如果您使用过 Github Pages 那么您会很快上手使用码云的 Pages服务。 Jekyll 是一个简单的博客形态的静态站点...

    码云 Pages是一个免费的静态网页托管服务,您可以使用 码云 Pages 托管博客、项目官网等静态网页。如果您使用过 Github Pages 那么您会很快上手使用码云的 Pages服务。

    Jekyll 是一个简单的博客形态的静态站点生产机器。它有一个模版目录,其中包含原始文本格式的文档,通过 Markdown (或者 Textile) 以及 Liquid 转化成一个完整的可发布的静态网站,你可以发布在任何你喜爱的服务器上。Jekyll 也可以运行在 码云 Pages上,也就是说,你可以使用码云的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。点击查看Jekyll使用文档

    1.新建仓库

    左上角头像旁边有两个名字(Sian和LolitaSian),下边(LolitaSian)是用户名,以用户名建一个仓库。
    说一下为什么哦,看一下图二有个路径。默认情况这个路径就是你的仓库名称。如果你的仓库名(以及地址)和你的用户名一样,那你的博客地址就是http://用户名.gitee.io/,如果不一样就会显示http://用户名.gitee.io/仓库名/
    这里写图片描述
    这里写图片描述


    2.进入你刚才新建的仓库,然后新建一个 index.html (注意名称一定要是index.html)

    随便在index.html中写点东西。你也可以在本地写好了上传。
    这里写图片描述


    3.点进pages

    这里写图片描述

    这里写图片描述

    然后你的个人主页就建好了,直接点开网址就可以看到你刚才写的文件了。

    更多详细资料查看码云Pages帮助文档

    展开全文
  • javaweb04_JSP(Java Server Pages)

    万次阅读 2020-09-21 10:30:26
    javaweb04_JSP(Java Server Pages) JSP入门: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="java.util.*"%> <!DOCTYPE html> <html> <...

    javaweb04_JSP(Java Server Pages)


    JSP入门:

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8" import="java.util.*"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Hello</title>
    </head>
    <body>
    
    	<p>Hello,BLU!<p>
    	<%! 
    		public void test(){
    			System.out.println("test方法");
    		}
    	%>
    	<br>
    	<% int a=1,b=2; %>
    	<% System.out.println(a+b); %>
    	<% test(); %>
    	<%= a+b %>
    	<br>
    	<%= new Date().toLocaleString() %>
    	<br>
    	<% out.print("Hi, BLU!"); %>
    
    </body>
    </html>
    

    在这里插入图片描述

    在这里插入图片描述

    JSP的page指令:

    <%@page contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8" import="java.util.*"%>
    
    contentType="text/html; charset=UTF-8" 
    对应:
    response.setContentType("text/html; charset=UTF-8"); 
    

    页面元素:

    <%! %> 中的内容会翻译在生成的Servlet类中
    <% %> 中的内容会翻译在Servlet的Service方法中
    <%= %><%out.println()%> 效果相同
    直接写在中的值会翻译到Servlet的Service方法中的 out.write("") 中,作为输出内容。


    include包含其他页面的两种方式:

    <%@include file=“footer.jsp” %>

    <jsp:include page=“footer.jsp” />

    注:<%@include 会导致两个jsp合并成为同一个java文件,而<jsp:include仍然是两个文件,所以存在传参问题

    传参方法:

    <jsp:include page="footer.jsp">
    	<jsp:param  name="year" value="2017" />
    </jsp:include>
    
    <%=request.getParameter("year")%>
    

    JSP的9大内置对象(不需要显示定义,直接就可以使用的对象):

    - PageContext		代表当前页面作用域
    - Request			请求
    - Response			响应
    - Session			会话
    - Application		即【ServletContext】
    - config			即【ServletConfig】
    - out				输出内容
    - page				代表当前Servlet实例,相当于this
    - exception			异常
    

    exception 的使用:

    • try.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8" errorPage="catch.jsp"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    	<%
        	int[] a = new int[10];
        	a[20] = 5;
    	%>
    </body>
    </html>
    
    • catch.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8" errorPage="catch.jsp" isErrorPage="true"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    	<%=exception%>
    </body>
    </html>
    

    在这里插入图片描述

    JSP有4个作用域:

    pageContext 当前页面有效
    requestContext 一次请求有效
    sessionContext 当前会话有效
    applicationContext 全局有效,所有用户共享

    <%
    	pageContext.setAttribute("name1", "BLU1");
    	request.setAttribute("name2", "BLU2");
    	session.setAttribute("name3", "BLU3");
    	application.setAttribute("name4", "BLU4");
    %>
    <%
    	String name1 = (String) pageContext.getAttribute("name1");
    	String name2 = (String) pageContext.findAttribute("name2");
    	String name3 = (String) pageContext.findAttribute("name3");
    	String name4 = (String) pageContext.findAttribute("name4");
    %>
    <br>
    <%=name1 %>
    <%=name2 %>
    <%=name3 %>
    <%=name4 %>
    

    getAttribute和findAttribute的区别:
    findAttribute是pageContext的方法,它会依次在page,request,session(如果有效的话)和application内查找
    而getAttribute只会在当前scope(page)中查找


    JSTL JSP Standard Tag Library 标准标签库

    • 使用JSTL需要以下两个包:
    <dependency>
    	<groupId>javax.servlet.jsp.jstl</groupId>
    	<artifactId>jstl-api</artifactId>
    	<version>1.2</version>
    </dependency>
    <dependency>
    	<groupId>taglibs</groupId>
    	<artifactId>standard</artifactId>
    	<version>1.1.2</version>
    </dependency>
    
    • 使用JSTL:
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
        
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Hello</title>
    </head>
    <body>
    	<c:set var="name" value="${'BLU'}" scope="request"/>
    	<c:out value="${name}"/><br>
    	<c:remove var="name" scope="request"/><br>
    	<c:out value="${name}"/><br>
    </body>
    </html>
    
    首先需要通过指令声明使用jstl的标签前缀:
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    
    <c:set var="name" value="${'BLU'}" scope="request"/>
    相当于:
    <%request.setAttribute("name","BLU")%>
    
    <c:out value="${name}"/><br>
    相当于:
    <%=request.getAttribute("name")%>
    
    <c:remove var="name" scope="request"/><br>
    相当于:
    <%request.removeAttribute("name")%>
    

    在这里插入图片描述

    <body>
    	<c:set var="money" value="900" scope="request" />
    	<c:if test="${money<500}"><p>poverty</p></c:if>
    	<c:if test="${!(money<500)}"><p>rich</p></c:if>
    	<% pageContext.setAttribute("weapon", null); %>
    	<c:if test="${empty weapon}"><p>没有装备武器</p></c:if>
    </body>
    
    <body>
    	<%
        	List<String> names = new ArrayList<String>();
    		names.add("zhangsan");
    		names.add("lisi");
    		names.add("wangwu");
    		names.add("BLU");
    		names.add("joker");
        	request.setAttribute("names",names);
    	%>
    	<c:forEach items="${names}" var="name" varStatus="st">
        <tr>
        	<td><c:out value="${st.count}" /></td>
            <td><c:out value="${name}" /></td>
        </tr>
    	</c:forEach>
    </body>
    
    items="${names}"		指定要遍历的集合
    var="name"				指定遍历出来的元素名
    varStatus="st"			表示遍历的状态
    

    EL表达式

    • 使用EL表达式:
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8" isELIgnored="false"%>
        
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Hello</title>
    </head>
    <body>
    	<c:set var="name" value="BLU" scope="request" />
      	通过标签获取name: <c:out value="${name}" /> <br>
     	通过 EL 获取name: ${name}
    </body>
    </html>
    
    使用EL表达式需要在<%@page 标签里加上isELIgnored="false"
    
    通过EL取值:
    ${name}
    
    EL表达式可以从pageContext,request,session,application四个作用域中按照从高到低的优先级顺序获取取到值
    pageContext>request>session>application
    
    展开全文
  • 部署到 Coding Pages 的好处:国内访问速度更快,可以提交百度收录(GitHub 禁止了百度的爬取) 部署到 Coding Pages 的坏处:就今年来说,Coding 不太稳定,随时有宕机的可能,群里的朋友已经经历过几次了,不过...

    我的博客地址:https://www.itrhx.com/

    部署到 Coding Pages 的好处:国内访问速度更快,可以提交百度收录(GitHub 禁止了百度的爬取)

    部署到 Coding Pages 的坏处:就今年来说,Coding 不太稳定,随时有宕机的可能,群里的朋友已经经历过几次了,不过相信以后会越来越稳定的

    部署过程中常见的问题:无法实现全站 HTTPS,Coding 申请 SSL 证书失败,浏览器可能会提示不是安全链接

    本文前提:你已经将 Hexo 成功部署到了 GitHub Pages,如果还没有,请参考:《使用Github Pages和Hexo搭建自己的独立博客【超级详细的小白教程】》

    本文将全面讲述如何成功双线部署到 Coding Pages 和 GitHub Pages 并实现全站 HPPTS,同时解决一些常见的问题!

    Coding 已更新,新版页面在创建项目的时候选择 【DevOps 项目】,其他步骤一样,然后进去项目里面,在左侧依次选择【持续部署】、【静态网站】,就可以开启 pages 服务了!


    1.创建项目

    进入 Coding 官网,点击个人版登陆,没有账号就注册一个并登录,由于 Coding 已经被腾讯收购了,所以登录就会来到腾讯云开发者平台,点击创建项目
    01
    项目名称建议和你的用户名一致,这样做的好处是:到时候可以直接通过 user_name.coding.me 访问你的博客,如果项目名与用户名不一致,则需要通过 user_name.coding.me/project_name 才能访问,项目描述可以随便写
    02


    2.配置公钥

    配置 SSH 公钥方法与 GitHub Pages 的方式差不多,点击你的头像,依次选择【个人设置】-【SSH公钥】-【新增公钥】03

    前面部署到 GitHub Pages 的时候就已经有了一对公钥,我们直接将该公钥粘贴进去就行,公钥名称可以随便写,选中永久有效选项

    PS:公钥储存位置一般在 C:\Users\用户名\.ssh 目录下的 id_rsa.pub 文件里,用记事本打开复制其内容即可

    04
    添加公钥后,我们可以右键 Get Bash,输入以下命令来检查是否配置成功:

    ssh -T git@e.coding.net 
    

    若出现以下提示,则证明配置成功:

    Coding 提示: Hello XXX, You've connected to Coding.net via SSH. This is a personal key.
    XXX,你好,你已经通过 SSH 协议认证 Coding.net 服务,这是一个个人公钥
    

    3.配置 _config.yml

    进入你的项目,在右下角有选择连接方式,选择 SSH 方式(HTTPS 方式也可以,但是这种方式有时候可能连接不上,SSH 连接不容易出问题),一键复制,然后打开你本地博客根目录的 _config.yml 文件,找到 deploy 关键字,添加 coding 地址:coding: git@git.dev.tencent.com:user_name/user_name.git,也就是刚刚复制的 SSH 地址。

    【2020.04.06 更新】coding 地址格式现在有所改变,类似于 git@e.coding.net:TRHX/TRHX.git,记住去仓库复制你自己的即可。
    05
    06

    添加完成后先执行命令 hexo clean 清理一下缓存,然后执行命令 hexo g -d 将博客双线部署到 Coding Pages 和 GitHub Pages,如下图所示表示部署成功:
    15

    4.开启 Coding Pages

    进入你的项目,在代码栏下选择 Pages 服务,一键开启 Coding Pages,等待几秒后刷新网页即可看到已经开启的 Coding Pages,到目前为止,你就可以通过 xxxx.coding.me(比如我的是 trhx.coding.me)访问你的 Coding Pages 页面了

    【2020.04.06 更新】coding 分配的域名现在有所改变,类似于 https://p51l67.coding-pages.com

    07
    08

    5.绑定域名并开启 HPPTS

    首先在你的域名 DNS 设置中添加一条 CNAME 记录指向 xxxx.coding.me,解析路线选择 默认,将 GitHub 的解析路线改为 境外,这样境外访问就会走 GitHub,境内就会走 Coding,也有人说阿里云是智能解析,自动分配路线,如果解析路线都是默认,境外访问同样会智能选择走 GitHub,境内走 Coding,我没有验证过,有兴趣的可以自己试试,我的解析如下图所示:

    【2020.04.06 更新】coding 分配的域名现在有所改变,类似于 https://p51l67.coding-pages.com,请注意解析当中记录值的填写。

    09
    然后点击静态 Pages 应用右上角的设置,进入设置页面,这里要注意,如果你之前已经部署到了 GitHub Pages 并开启了 HTTPS,那么直接在设置页面绑定你自己的域名,SSL/TLS 安全证书就会显示申请错误,如下图所示,没有申请到 SSL 证书,当你访问你的网站时,浏览器就会提示不是安全连接
    10
    申请错误原因是:在验证域名所有权时会定位到 Github Pages 的主机上导致 SSL 证书申请失败

    正确的做法是:先去域名 DNS 把 GitHub 的解析暂停掉,然后再重新申请 SSL 证书,大约十秒左右就能申请成功,然后开启强制 HTTPS 访问

    这里也建议同时绑定有 www 前缀和没有 www 前缀的,如果要绑定没有 www 前缀的,首先要去域名 DNS 添加一个 A 记录,主机记录为 @,记录值为你博客 IP 地址,IP 地址可以在 cmd 命令行 ping 一下得到,然后在 Coding Pages 中设置其中一个为【首选】,另一个设置【跳转至首选】,这样不管用户是否输入 www 前缀都会跳到有 www 前缀的了

    在博客资源引用的时候也要注意所有资源的 URL 必须是以 https:// 开头,不然浏览器依旧会提示不安全!
    1311
    至此,我们的 Hexo 博客就成功双线部署到 Coding Pages 和 GitHub Pages 了,并且也实现了全站 HPPTS,最后来一张 GitHub Pages 和 Coding Pages 在国内的速度对比图,可以明显看到速度的提升
    12

    展开全文
  • 这是一篇有关如何使用 Github Pages 和 Hexo 搭建属于自己独立博客的详尽教程,本人是软件工程专业本科生,目前只学习了C和C++编程语言,对网站开发的有关知识几乎为零,这也是我搭建好自己的博客之后写的第一篇博客...

    欢迎关注我的专栏:《个人博客搭建:Hexo+Github Pages》,从搭建到美化一条龙,帮你解决 Hexo 常见问题!

    推荐阅读:《Hexo 博客优化之博客美化系列(持续更新)》《Hexo 博客优化之实用功能添加系列(持续更新)》

    我的博客地址:https://www.itrhx.com/

    Hexo 交流群:924812033,有问题可以一起交流解决。



    ● 前言

    这是一篇有关如何使用 Github PagesHexo 搭建属于自己独立博客的详尽教程,本人是软件工程专业本科生,目前只学习了C和C++编程语言,对网站开发的有关知识几乎为零,这也是我搭建好自己的博客之后写的第一篇博客,刚开始搭建博客的时候自己也是网上各种百度,由于自己属于小白那种,历经了千辛万苦才弄好,所以借这个机会写一篇小白真正能看懂的博客搭建教程,教你一步一步走向成功的彼岸!

    推荐文章: 《我为什么写博客》 (By 知明所以)
          《为什么你应该(从现在开始就)写博客》 (By 刘未鹏 | Mind Hacks)

    ● 入门

    Github Pages

    Github Pages可以被认为是用户编写的、托管在github上的静态网页。使用Github Pages可以为你提供一个免费的服务器,免去了自己搭建服务器和写数据库的麻烦。此外还可以绑定自己的域名。

    Hexo

    Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

    ● 安装 Node.js

    点击此处访问官网,按需下载相应版本,默认安装可以了

    注:本人在安装过程中出现了Warning 1909,无法创建快捷方式,这种情况很少出现,如果在安装过程中也有这种情况请参考百度文库(win10系统实测可行):《Win7安装程序警告1909无法创建快捷方式》

    ● 安装 Git

    点击此处访问官网,按需下载相应版本,默认安装即可
    参考资料:《如何在windows下安装GIT》  (By 俊雨廷休)
         《Pro Git(中文版)》

    • 检验Git是否安装成功

    同时按下 Win 键和 R 键打开运行窗口,输入 cmd ,然后输入以下命令,有相应版本信息显示则安装成功,若不正确可以卸载软件重新安装,此外若安装成功,在桌面右键鼠标,可以看到菜单里多了 Git GUI HereGit Bash Here两个选项,第一个是图形界面的Git操作,另一个是命令行

     $ git --version  
     $ node -v  
     $ npm -v
    

    ● 安装Hexo

    选择一个磁盘,新建一个文件夹,自己重命名文件夹(如:我的文件夹为:E\TRHX_Blog),博客相关文件将储存在此文件夹下,在该文件夹下右键鼠标,点击 Git Bash Here,输入以下 npm 命令即可安装,第一个命令表示安装 hexo,第二个命令表示安装 hexo 部署到 git page 的 deployer,如图所示即为安装成功

     $ npm install hexo-cli -g  
     $ npm install hexo-deployer-git --save  
    

    • Hexo 初始化配置

    在刚才新建的文件夹里面再次新建一个 Hexo 文件夹(如:我的文件夹为:E\TRHX_Blog\Hexo),进入该 Hexo 文件夹右键鼠标,点击 Git Bash Here,输入以下命令,如图所示则安装成功

     $ hexo init
    

    Hexo 安装完成后,将会在指定文件夹中新建所需要的文件,Hexo 文件夹下的目录如下:

    ● 本地查看效果

    执行以下命令,执行完即可登录 http://localhost:4000/ 查看效果

     $ hexo generate  
     $ hexo server  
    

    显示以下信息说明操作成功:

     INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
    

    登录 http://localhost:4000/ 查看效果:

    ● 将博客部署到 Github Pages 上

    到目前为止,我们的本地博客就成功搭建了,但是现在我们只能通过本地连接查看博客,我们要做的是让其他人也能够访问我们的博客,这就需要我们将博客部署到Github Pages上

    • 注册 Github 账户

    点击此处访问 Github 官网,点击 Sign Up 注册账户

    • 创建项目代码库

    点击 New repository 开始创建,步骤及注意事项见下图:

    • 配置 SSH 密钥

    只有配置好 SSH 密钥后,我们才可以通过 git 操作实现本地代码库与 Github 代码库同步,在你第一次新建的文件夹里面(如:我的文件夹为:E\TRHX_BlogGit Bash Here 输入以下命令:

     $ ssh-keygen -t rsa -C "your email@example.com" 
     //引号里面填写你的邮箱地址,比如我的是tanrenhou@126.com
    

    之后会出现:

     Generating public/private rsa key pair.  
     Enter file in which to save the key (/c/Users/you/.ssh/id_rsa):  
     //到这里可以直接回车将密钥按默认文件进行存储
    

    然后会出现:

     Enter passphrase (empty for no passphrase):  
     //这里是要你输入密码,其实不需要输什么密码,直接回车就行 
     Enter same passphrase again:  
    

    接下来屏幕会显示:

     Your identification has been saved in /c/Users/you/.ssh/id_rsa.  
     Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub.  
     The key fingerprint is:  
     这里是各种字母数字组成的字符串,结尾是你的邮箱  
     The key's randomart image is:  
     这里也是各种字母数字符号组成的字符串  
    

    运行以下命令,将公钥的内容复制到系统粘贴板上

     $ clip < ~/.ssh/id_rsa.pub
    

    • 在 GitHub 账户中添加你的公钥

    ① 登陆 GitHub,进入 Settings

    ② 点击 SSH and GPG Keys

    ③ 选择 New SSH key

    ④ 粘贴密钥:

    • 测试

    输入以下命令:注意:git@github.com不要做任何更改!

     $ ssh -T git@github.com
    

    之后会显示:

    输入 yes 后会显示:

    此时表示设置正确

    • 配置 Git 个人信息

    Git 会根据用户的名字和邮箱来记录提交,GitHub 也是用这些信息来做权限的处理,输入以下命令进行个人信息的设置,把名称和邮箱替换成你自己的,名字可以不是 GitHub 的昵称,但为了方便记忆,建议与 GitHub 一致

     $ git config --global user.name "此处填你的用户名"  
     $ git config --global user.email  "此处填你的邮箱"
    

    到此为止 SSH Key 配置成功,本机已成功连接到 Github

    ● 将本地的 Hexo 文件更新到 Github 的库中

    ① 登录 Github 打开自己的项目 your name.github.io

    ② 鼠标移到 Clone or download 按钮,选择 Use SSH

    ③ 一键复制地址

    ④ 打开你创建的 Hexo 文件夹(如:E:\TRHX_Blog\Hexo),右键用记事本(Notepad++或者VS code等都可以)打开该文件夹下的 _config.yml 文件

    ⑤ 按下图修改 _config.yml 文件并保存

    ⑥ 在 Hexo 文件夹下分别执行以下命令

     $ hexo g  
     $ hexo d
    

    或者直接执行

     $ hexo g -d
    

    执行完之后会让你输入你的 Github 的账号和密码,如果此时报以下错误,说明你的 deployer 没有安装成功

     ERROR Deployer not found: git
    

    需要执行以下命令再安装一次:

     npm install hexo-deployer-git --save
    

    再执行 hexo g -d,你的博客就会部署到 Github 上了

    ⑦ 访问博客

    你的博客地址:https://你的用户名.github.io,比如我的是:https://trhx.github.io ,现在每个人都可以通过此链接访问你的博客了

    ● 在博客上发表文章

    博客已经成功搭建了,但是我们该怎么写博客呢?

    ① 新建一个空文章,输入以下命令,会在项目 \Hexo\source\_posts 中生成 文章标题.md 文件,文章标题根据需要命名

     $ hexo n "文章标题"
    

    也可以直接在 \Hexo\source\_posts 目录下右键鼠标新建文本文档,改后缀为 .md 即可,这种方法比较方便

    ② 用编辑器编写文章

    md 全称 Markdown, Markdown 是 2004 年由 John Gruberis 设计和开发的纯文本格式的语法,非常的简单实用,常用的标记符号屈指可数,几分钟即可学会, .md 文件可以使用支持 Markdown 语法的编辑器编辑,然后保存文件到 \Hexo\source\_posts 文件夹下即可

    推荐 Windows 上使用 MarkdownPad2 或者小书匠 编辑器,macOS 上使用 Mou 编辑器,Linux 上使用 Remarkable编辑器,Web 端上使用CSDN ,其他编辑器推荐可以参考我的另一篇文章:《最新主流 Markdown 编辑器推荐》

    文章标题,标签,分类,封面图片,摘要等,可以在 Front-matter 里面配置(Front-matter 是文件最上方以 — 分隔的区域,用于指定个别文件的变量,官方文档:https://hexo.io/zh-cn/docs/front-matter ),举个例子:

    ---
    layout: 页面布局(配合主题文档使用)
    title: 文章名称
    date: 文章日期
    comments: 文章是否开启评论
    photos: 文章封面图(仅部分主题支持)
    tags: 
      - 文章标签一
      - 文章标签二
    categories: 文章分类
    description: 文章描述,即要在首页显示的摘要(仅部分主题支持)
    ---
    
    这里是摘要
    
    <!-- more -->
    
    这里是正文
    
    注意:description 和 <!-- more --> 方式显示摘要二选一即可,部分主题不支持description,每个配置英文冒号后面要空一格,不同主题配置有所差异,具体要参考主题文档
    

    当我们用编辑器写好文章后,可以使用以下命令将其推送到服务器上

     $ hexo g  
     $ hexo d
    

    或者将两个命令合二为一输入以下命令:

     $ hexo d -g 
    

    现在访问你的博客就可以看见写好的文章啦!

    参考资料:《10款流行的Markdown编辑器》 (By xiaoxiao_engineer)
         《献给写作者的 Markdown 新手指南》 (By 简书)
         《认识与入门 Markdown》 (By Te_Lee)
         《markdown简明语法》 (By 不如)
         《markdown基本语法》 (By 高鸿祥)
         《Markdown 公式指导手册》 (By Harries)

    ● 为博客更换自己喜欢的主题

    博客也搭建好了,文章也会写了,但是!!!默认的主题并不喜欢怎么办?现在,我们就来为自己的博客更换自己喜欢的主题

    点击此处进入 Hexo 官网的主题专栏,我们可以看见有许多的主题供我们选择

    我们要做的就是把主题克隆过来,在此我们以主题 Aero-Dual 为例,点进去我们就可以看见该主题作者的博客,鼠标滑到底,我们可以看见 Theme By Levblanc 的字样(其他主题类似),点击作者 Levblanc ,页面就会跳转到该主题所有的相关文件在 Github 上的地址,复制该地址


    再打开 Hexo 文件夹下的 themes 目录(如:E:\TRHX_Blog\Hexo\themes),右键 Git Bash Here,输入以下命令:

     $ git clone 此处填写你刚才复制的主题地址
    

    比如要安装 Aero-Dual 主题,则输入命令:

     $ git clone https://github.com/levblanc/hexo-theme-aero-dual
    

    等待下载完成后即可在 themes 目录下生成 hexo-theme-aero-dual 文件夹,然后打开 Hexo 文件夹下的配置文件 _config.yml ,找到关键字 theme,修改参数为:theme:hexo-theme-aero-dual (其他主题修改成相应名称即可),再次注意冒号后面有一个空格!

    返回 Hexo 目录,右键 Git Bash Here ,输入以下命令开始部署主题:

     $ hexo g   
     $ hexo s
    

    此时打开浏览器,访问 http://localhost:4000/ 就可看见我们的主题已经更换了,如果感觉效果满意,我们就可以把它部署到Github上了

    打开 Hexo 文件夹,右键 Git Bash Here ,输入以下命令:

     $ hexo clean  
     //该命令的作用是清除缓存,若不输入此命令,服务器有可能更新不了主题
     $ hexo g -d
    

    此时访问自己的博客即可看见更换后的主题,但我们仍然需要对主题的相关配置进行修改,比如网站标题,图标等等,Hexo 中有两份主要的配置文件,名称都是 _config.yml ,它们均是用于站点配置使用的。其中,一份位于站点根目录下(比如我的:E:\TRHX_Blog\Hexo\_config.yml),主要包含 Hexo 本身整站的配置;另一份位于主题目录下(比如我的:E:\TRHX_Blog\Hexo\themes\hexo-theme-aero-dual\_config.yml),这份配置由主题作者提供,主要用于配置主题相关的选项,一般 _config.yml 文件里都有相关注释,按需修改即可

    参考资料:《有哪些好看的 Hexo 主题?》 (知乎)
         《Hexo | 配置》 (Hexo官方文档)
         《hexo常用命令笔记》 (By 小弟调调)

    ● 为你的 Hexo 博客配置个性域名

    本人在配置域名的时候问题百出,百度的各种方法都不管用,打开网站总是 404,可能是我太笨了  o(╥﹏╥)o ,不过好在后来终于解决了这个问题

    首先我们要购买域名,阿里云腾讯云都可以,也不贵,一年几十块钱,最便宜几块钱也能买到,以阿里云为例,我购买的域名是 itrhx.com,(最开始买的是trhx.top),购买过程就不赘述了,选择阿里云的解析平台,来到阿里云的管理控制台,点击进入域名解析列表或者直接点击域名后面的解析

    方法一:点击添加记录,需要添加两个记录,两个记录类型都是 CNAME ,第一个主机记录为 @ ,第二个主机记录为 www,记录值都是填你自己的博客地址(比如我的是:trhx.github.io),保存之后域名解析就完成了!(主机记录有 @ 和 www 能保证URL加不加 www 都能访问)

    方法二:两个记录类型为 A ,第一个主机记录为 @ ,第二个主机记录为 www,记录值都为博客的 IP 地址,IP 地址可以 cmd 中输入 ping 你的博客地址 获得(比如我的:ping trhx.github.io),保存之后域名解析就完成了!

    有关解析记录类型的区别可以参考《域名解析中A记录、CNAME、MX记录、NS记录的区别和联系》

    为了使 GitHub 接收我们的域名,还需要在博客的根目录下添加一个名为 CNAME 的文件(注意不要加.txt,没有任何后缀名!),这个文件放到 Hexo 文件夹的 source 里面,(比如我的是:E:\TRHX_Blog\Hexo\source),文件里面填写你的域名(加不加www都行),比如要填写我的域名,文件里面就写:www.itrhx.com 或者 itrhx.com,经过以上操作,别人就可以通过 www.itrhx.comitrhx.comtrhx.github.io 三个当中任意一个访问我的博客了!你的也一样!

    有关加不加www的问题有以下区别:

    如果你填写的是没有www的,比如 itrhx.com,那么无论是访问 https://www.itrhx.com 还是 https://itrhx.com ,都会自动跳转到 https://itrhx.com

    如果你填写的是带www的,比如 www.itrhx.com ,那么无论是访问 https://www.itrhx.com 还是 https://itrhx.com ,都会自动跳转到 https://www.itrhx.com

    如果你在其他平台购买域名,或者选择 DNSPod 等其他域名解析,操作方法大同小异,遇到问题可自行百度解决!

    参考资料:《推荐几家域名注册服务商》 (By Jelly Bool)
         《盘点十大免费DNS域名解析服务:稳定、可靠》

    ● 博客美化和实用功能的添加

    有关博客后期的美化、实用功能的添加,可以参考我的另外两篇文章:
    《Hexo 博客优化之博客美化》
    《Hexo 博客优化之实用功能添加》

    ● 结语

    一顿操作下来虽然有点儿累,但看见拥有了自己的博客还是非常有成就感的,人生就是需要折腾,那么现在就开始你的创作之旅吧!文章的不断积累,你会从中受益很多的!另外,这是一篇小白写的适用于小白的博客搭建教程,比较详细,有这方面基础的可以百度有简略一点儿的教程,文中如有错误还请大佬指出改正!文中涉及参考资料如有侵权请联系我删除!

    展开全文
  • GithubPages教程 在GithubPages上搭建个人主页

    万次阅读 多人点赞 2016-06-18 00:30:59
    本篇博客公有三个目的,同样也会举三个实际操作的例子来和大家一起玩`Github pages`。第一个目的,有的开发者平常会做自己的网站,大部分是还是买的空间吧,有人买的阿里云、新浪SEA或者linode、aws加nginx,今天看...
  • Huge Pages

    2017-02-10 11:36:07
    1.1 HugePages 介绍HugePages is afeature integrated into the Linux kernel with release 2.6. This featurebasically provides the alternative to the 4K page size (16Kfor IA64) providing bigger pages. ...
  • Coding Pages 搭建静态网站

    万次阅读 2018-02-12 20:24:51
    跟github一样,静态 Coding Pages 分为『用户 Pages』与『项目 Pages』两种类型。不同的 Pages 类型在访问链接与部署来源上存在差异。 Coding Pages 类型 Pages 默认分配的 URL 允许的部署来源 ...
  • 本文给大家介绍的是如何将 vue-cli 3.0+项目部署到github pages 并同步到 gitee Pages上。
  • Github Pages

    2016-06-23 22:35:05
    github 之—-GitHub Pages:可以用来做个人博客
  • github pages

    2015-12-08 14:58:53
    如何搭建一个独立博客——简明Github Pages与Hexo教程 http://cnfeat.com/2014/05/10/2014-05-11-how-to-build-a-blog/   利用github-pages建立个人博客 ...
  • GitHub Pages+Coding Pages+域名绑定

    千次阅读 2019-05-08 20:09:52
    Github Pages绑定域名 Coding Pages绑定域名 通过xxxxxx.github.io来访问不怎么cool,那就绑定属于自己的域名吧。 首先去阿里云购买域名并实名认证,这个就不细说了 设置域名解析 点击解析设置 添加记录 ...
  • 使用 GitHub Pages

    2020-02-15 19:26:57
    使用 GitHub Pages 前言第一步 - 创建仓库第二步:克隆项目第三步:编辑项目第四步:提交、推送项目修改第五步:浏览项目 前言 GitHub Pages 是免费开源的 每个 GitHub 帐户和组织都有一个站点,并且有无限的项目...
  • SharePoint一个很重要的概念就是Site Pages和Application Pages。接触SharePoint是在SharePoint 2007,当时就有这个概念。如有误解之处,请大家多多指教。 Site Pages是可以通过SharePoint Designer来编辑的页面,它...
  • Github Pages 无法更新

    千次阅读 2019-12-26 13:25:28
    写了一篇文章,提交到 GitHub Pages,但不知道为什么,一直无法显示出来。文章查了很多遍,没有找到原因。折腾了一上午,毫无进展。 搁置了几天后,打开 163 邮箱,发现 GitHub 发了很多邮件: 打开一看,算是明白...
  • CodingPages 之前博客单线部署在Github Pages的时候,用的是cloudflare提供的SSL证书。但是cloudflare只能绑定一个CNAME记录(而且好像只能绑github.io?),所以后面双线部署(GitHub Pages+Coding Pages)后,...
  • 轻松搞定GitHub Pages

    千次阅读 2016-07-30 00:37:39
    为项目创建GitHub Pages你可以为你的项目创建一个GitHub Pages,大致分为以下步骤: 第一步:仓库设置在GitHub上打开你的仓库首页,单击设置(Settings)页签 第二步:使用自动生成器生成GitHub Pages下拉设置页面到...
  • 在app.json中新建一个页面却一直提示 “未找到 app.json 中的定义的 pagespages/join/join” 对应的 WXML 文件”,不知道是什么原因 具体的解决办法:假设你要创建一个pages/index/index,可以先命名为pages/...
  • Centos安装man pages

    千次阅读 2018-06-04 10:44:38
    1、安装man pages:yum install man2、安装pthread的man pages:yum -y install man-pages
  • Windows打开pages文稿

    2019-09-09 10:52:59
    pages文件用Windows系统打开 这个问题十分的头疼,苹果就像一个把自己封闭起来的天才。 pages文稿 Pages 文稿是一款功能强大的文字处理软件,让你能够制作精美的文档。【滑稽保命】 我只是想沿用pages官网上的一段话...
  • 既然写博客,那何不更有仪式感一点,所以就利用Hexo制作了一个属于自己的博客页面,然后托管至GitPages和CodingPages上,前者是国外的,后者是国内的,方便访问加速。最后呢,我在阿里云上注册了一个域名进行域名...
  • hugepages

    2013-06-06 08:00:16
    Performance tuning: HugePages in Linux Nov 10, 2008 / By Riyaj Shamsudeen Tags: DBA Lounge, Oracle Recently we quickly and efficiently resolved a major performance issue with one of our New Y
  • ASP .NET Core 系列教程五:更新Razor Pages页面 系列文章目录:系列教程:使用ASP.NET Core创建Razor Pages Web应用程序 - zhangpeterx的博客 未完待续
  • GitHub Pages使用

    千次阅读 2016-11-06 09:53:11
    前言刚刚看了鸿洋大神的...GitHub pages 的使用GitHub pages 是Github提供的一个服务,我们可以免费的在上面搭建自己的网站,也有很多人利用GitHub pages作为自己的个人博客站点,貌似stormzhang是这么干的。下面我们看
  • 2.错误原因:tabBar的pagepath引用了pages/study/study,但没有在app.json 中pages没有添加pages/study/study的路径 3.解决方法:在app.json里面添加pages/study/study的路径,即加上 “pages/study/study”, 这行...
  • GitHub Pages 强制 HTTPS

    2019-08-18 22:11:45
    GitHub Pages 强制 HTTPS 打开 https://github.com/yourname/yourproject/settings, yourname 是 github 账号名,yourproject 是 github 项目名称。 找到 options -> GitHub Pages, 勾选 Enforce HTTPS. ...
  • Web Pages 快速入门

    千次阅读 2016-03-28 10:41:07
    Web Pages
  • docsify 部署在 码云Pages

    千次阅读 2020-04-05 17:19:00
    码云Pages https://gitee.com/help/articles/4136 码云Gitee Pages Pro https://gitee.com/help/articles/4228   码云 Pages 是一个免费的静态网页托管服务,您可以使用 码云 Pages 托管博客、项...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 131,699
精华内容 52,679
关键字:

pages