github创建个人网站_创建一个令人印象深刻的GitHub个人资料

news/2024/5/13 10:45:09/文章来源:https://blog.csdn.net/weixin_26746861/article/details/108176244

github创建个人网站

GitHub has launched a new feature called “GitHub Profile” that allows users to create profile level README which can also be used as user’s portfolio. This article will show you how to access this new feature and create an amazing GitHub profile.

GitHub推出了一项名为“ GitHub Profile”的新功能,该功能允许用户创建配置文件级别的README,也可以用作用户的投资组合。 本文将向您展示如何访问此新功能以及如何创建一个惊人的GitHub个人资料。

This is how a normal profile looks:

这是普通配置文件的外观:

This is how the new GitHub profile will look :

这是新的GitHub个人资料的外观:

Image for post

Why should you try out this new feature?

为什么要尝试这项新功能?

The GitHub profile level readme allows you to add more content than the profile bio. README supports MarkDown which means you can play around with the content and do amazing stuff.

GitHub配置文件级别自述文件允许您添加比配置文件履历更多的内容。 README支持MarkDown,这意味着您可以试用内容并做一些令人惊奇的事情。

How can you create a profile Readme?

如何创建个人资料自述文件?

You need to create a new repository with the same name as your GitHub username. For instance, my GitHub username is vibhorchaudhary, so i will have to create a new repository with the same username which is vibhorchaudhary.

您需要使用与GitHub用户名相同的名称创建一个新的存储库。 例如,我的GitHub用户名是vibhorchaudhary 因此我将不得不使用相同的用户名vibhorchaudhary创建一个新的存储库

Image for post

When you do that, GitHub shows this message :

当您这样做时,GitHub会显示以下消息:

“You found a secret! vibhorchaudhary/vibhorchaudhary is a ✨special ✨ repository that you can use to add a README.md to your GitHub profile. Make sure it’s public and initialize it with a README to get started.”

“您发现了一个秘密! vibhorchaudhary / vibhorchaudhary是一个“特殊”存储库,可用于将 README.md 添加 到您的GitHub个人资料中。 确保它是公开的,并使用自述文件对其进行初始化以开始使用。”

Image for post

Go ahead and make this repository public and initialise it with a README.

继续使该存储库公开,并使用自述文件对其进行初始化。

Once you successfully create the repository and go to your GitHub home page, you will see something like the image below. Github initialises your profile readme with a “Hi there 👋” gesture message.

成功创建存储库并转到GitHub主页后,您将看到类似下图的内容。 Github使用“ Hi there Hi ”手势消息初始化您的个人资料自述文件。

Image for post

Now to add more details to the profile, edit the README file in the same repository and when you do that, you will notice that GitHub is trying to help you with a few messages to get started.

现在,要向配置文件添加更多详细信息,请在同一存储库中编辑README文件,然后,您会注意到GitHub试图通过一些消息帮助您入门。

Image for post

README.md uses MarkDown so if you are not familiar with MarkDown then you can use a website called stackedit which will help you writing in markdown or you can also refer to this MarkDown cheatsheet and you can further paste it to your README.md file and commit.

README.md采用降价,所以如果你不熟悉的降价,那么你可以使用一个网站名为stackedit这将有助于你在降价写作,或者您也可以参考这个降价的cheatsheet ,你可以把它进一步粘贴到您的README.md文件承诺。

Now since GitHub README profiles are written in Markdown which means you aren’t just limited to texts, emojis and links, you can include GIFs and images as well and make your profile standout. If you’re really ambitious you can also use GitHub Actions to dynamically pull data into your README.md and make it even more interesting.

现在,由于GitHub README配置文件是用Markdown编写的,这意味着您不仅限于文本,表情符号和链接,还可以包含GIF和图像,并使您的配置文件脱颖而出。 如果您真的有野心,您还可以使用GitHub Actions将数据动态提取到README.md中,并使数据更加有趣。

You can always refer to my profile on GitHub : vibhorchaudhary.

您总是可以在GitHub上参考我的个人资料: vibhorchaudhary

I have also used “Github Readme Stats” in my GitHub profile which was developed by “Anurag Hazra” which dynamically generates stats for your GitHub README’s.

我还在我的GitHub个人资料中使用了“ Github自述文件统计信息”,该个人资料由“ Anurag Hazra”开发 它会动态为您的GitHub自述文件生成统计信息。

You can follow me or reach out to me on LinkedIn, Github, Medium, Instagram, Facebook, Twitter.

您可以关注我,也可以在LinkedInGithubMedium Instagram Facebook Twitter上与我联系

Thanks for reading!!

谢谢阅读!!

翻译自: https://medium.com/swlh/impressive-github-profile-readme-606e3b7b075d

github创建个人网站

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_856344.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mapstruct简化开发_简化投资组合网站的开发

mapstruct简化开发 (This was originally published in my blog at https://vascoabelha.com/blog/simplify-dev-portfolio/) (最初发布在我的博客中, 网址为https://vascoabelha.com/blog/simplify-dev-portfolio/ ) 嘿大家! 👋 (Hey every…

5g 软件软件开发_在5天内建立一个软件开发人员投资组合网站

5g 软件软件开发 作品集网站是程序员必不可少的工具 (A portfolio website is an essential tool for a programmer) The site serves two purposes — first to highlight any projects a developer may have worked on in the past, second to show off the coding skill of …

网站部署

网站部署 网站部署 网站部署 网站部署的流程:https://blog.csdn.net/tangiwang/article/details/83241282 网站部署一级域名、二级域名、子域名:https://www.cnblogs.com/chq3272991/p/5895760.html 如何发布网站:https://jingyan.baidu.co…

重复绑定mouseover和mouseout事件

鼠标悬浮日期上显示日程数量 我需要实现鼠标悬浮在日期显示提示信息,提示信息用了layer插件,提示信息内容是新建的日程数量,效果图如下: 鼠标放在17号显示了当前日期新建了19条日程记录,这里需要在初始化日历的时候&am…

搭建WebGIS网站

转载自:https://www.cnblogs.com/mhere/p/8567805.html 搭建WebGis使用到的软件有:Java、Tomcat、GeoServer、PostgreSQL、PostGIS、OpenLayers3; 下面将一步步操作。 一、搭建服务器,使用软件:Java、Tomcat、GeoServer 1、安装并配置Java …

大型网站技术架构(1)

撸了今年阿里、头条和美团的面试,我有一个重要发现.......>>> 网站都是从小网站一步一步发展为大型网站的,而这之中的挑战主要来自于庞大的用户、安全环境恶劣、高并发的访问和海量的数据,任何简单的业务处理,一旦需要…

大型网站技术架构(2):架构要素和高性能架构

撸了今年阿里、头条和美团的面试,我有一个重要发现.......>>> 上一篇我们把整个架构演变过程大致说了一下,这次我们来说说从哪方面进行考虑设计 为了使网站的能够应对高并发访问,海量数据处理,高可靠运行等一系列问题&…

大型网站技术架构(3):WEB 前端性能优化

撸了今年阿里、头条和美团的面试,我有一个重要发现.......>>> 上次说到了性能优化策略,根据网站的分层架构,可以大致的分为 web 前端性能优化,应用服务器性能优化,存储服务器性能优化三大类 这次来说一下 w…

网站样式快速设计软件_如何(快速)设计样式指南

网站样式快速设计软件 Creating a styleguide is often a lengthy, decision-intensive exercise. Most large organizations will spend loads of time and money to make sure it fully encompasses their brand, company culture, and all of their design and marketing ne…

快速的UX批评:Kanye West的总统签名收集网站

Before we get started, I have to say that I am not at all commenting on Kanye’s politics or his right to run for office. Mostly because I don’t know what his politics are, but also because I want to keep this about 在我们开始之前,我不得不说&a…

在网站中内置WebRTC视频聊天

http://mozilla.com.cn/post/51923/ 在网站中内置WebRTC视频聊天 0 Felicia, 1116 我想大部分人应该都还记得“你好Chrome,火狐正在呼叫!”的博客和Demo,向大家展示了在火狐和Chrome中进行WebRTC视频聊天,获得了很多朋友的注意。从…

LAMP网站架构方案分析

LAMP网站架构方案分析 LAMP网站架构方案分析 LAMP(Linux-Apache-MySQL-PHP)网站架构是目前国际流行的Web框架,该框架包括:Linux操作系统,Apache网络服务器,MySQL数据库,Perl、PHP或者Python编程…

Android webview中定制js的alert,confirm和prompt对话框的方法 (处理webview 带网站地址的弹出框)

在Android的webview中定制js的alert,confirm和prompt对话框的方法 http://618119.com/archives/2010/12/20/199.html 1.首先继承android.webkit.WebChromeClient实现MyWebChromeClient。 2.在MyWebChromeClient.java中覆盖onJsAlert,onJsConfirm,onJsPrompt三个方法。 3.在初…

网站加速--动态应用篇 (上)

--提升性能的同时为你节约10倍以上成本 From: http://blog.sina.com.cn/iyangjian 一, 引子 二,总体结构图 三,系统结构综述 四,环境配置以及底层基础类库 五, Memcache & Mysql 常用场景案例 六,更多待续 ...... -----------…

网站加速--动态应用篇 (下)

--提升性能的同时为你节约10倍以上成本 From: http://blog.sina.com.cn/iyangjian五, Memcache & Mysql 常用场景案例 经典篇: 更新数据: 写全局MC,然后再写DB。 读数据: 先读MC,命中返回数据。不命中则读DB&#…

jsp网站引入外部css或者js失效原因分析

路径问题 css或者js导入失效最有可能的原因就是路径错误&#xff0c;这里我给出我的网站目录结构导入css代码&#xff1a;<link rel"stylesheet" type"text/css" href"css/login.css"> 记得jsp头部需要设置相对路径&#xff1a;<%Strin…

2017 年最受欢迎的 10 个编程挑战网站

译者注&#xff1a;如果你想不断地提高自己的编程技能&#xff0c;那么不断尝试去解决那些编程中的难题&#xff0c;这是一个非常不错的途径。作者在本篇文章中列举出了10个编程挑战网站&#xff0c;你想尝试一下吗&#xff1f;以下为译文。 如果你正在在学习编程&#xff0c;那…

什么是静态网站?什么是动态网站?

什么是静态网站&#xff1f;什么是动态网站&#xff1f;对于从没有接触过网站建设的朋友来说&#xff0c;这个问题还是没有真正的了解&#xff0c;许多朋友至今还认为动态网站就是网页中有flash动画&#xff0c;即会动的东西&#xff0c;才是动态网站&#xff0c;这样的理解是会…

什么是静态网站?什么是动态网站?

什么是静态网站&#xff1f;什么是动态网站&#xff1f;对于从没有接触过网站建设的朋友来说&#xff0c;这个问题还是没有真正的了解&#xff0c;许多朋友至今还认为动态网站就是网页中有flash动画&#xff0c;即会动的东西&#xff0c;才是动态网站&#xff0c;这样的理解是会…

wamp下Apache构建局域网下的个人电脑服务器(网站根目录更改)

第一步&#xff1a;在安装盘下找到wamp64文件夹&#xff08;我安装在D盘&#xff09;。 第二步&#xff1a;在wamp64文件夹下找到bin文件夹。 第三步&#xff1a;在bin文件夹下找到Apache文件夹。 第四步&#xff1a;在Apache文件夹下找到apache2.4.27文件夹&#xff08;不同的…