Mẫu khung chứa code có nút copy cho Blogspot hỗ trợ đa ngôn ngữ
Mẫu khung chứa code có nút copy cho Blogspot hỗ trợ đa ngôn ngữ |
Hello các bạn đã đến với Thành Trương Blog. Sau một thời gian không ngắn cũng không dài mày mò cũng như đi lang thang khắp nơi trên Google để tìm mẫu khung chứa code có nút copy cho Template Median UI của mình. Tuy nhiên, không có một cái nào gọi là phù hợp và đẹp trong mắt mình cả. Thế nên, tự code là chắc ăn nhất đúng không mọi người? Thì trong bài viết này mình sẽ chia sẻ một số mẫu mà các bạn có thể tham khảo. Mẫu khung chứa code này sẽ hỗ trợ đa ngôn ngữ lập trình, mỗi ngôn ngữ sẽ có highlight khác nhau luôn nhé. Không mất thời gian nữa, vào việc ngay luôn.
Những ngôn ngữ lập trình được hỗ trợ
Bảng bên dưới hiển thị danh sách đầy đủ các ngôn ngữ được hỗ trợ. Nếu thiếu ngôn ngữ hoặc nếu danh sách không cập nhật, vui lòng liên hệ với mình nhé.
Language | Key | Class |
---|---|---|
Markup | markup | language-markup |
CSS | css | language-css |
C-like | clike | language-clike |
JavaScript | javascript | language-javascript |
ABAP | abap | language-abap |
ActionScript | actionscript | language-actionscript |
Ada | ada | language-ada |
Apache Configuration | apacheconf | language-apacheconf |
APL | apl | language-apl |
AppleScript | applescript | language-applescript |
Arduino | arduino | language-arduino |
ARFF | arff | language-arff |
AsciiDoc | asciidoc | language-asciidoc |
6502 Assembly | asm6502 | language-asm6502 |
ASP.NET (C#) | aspnet | language-aspnet |
AutoHotkey | autohotkey | language-autohotkey |
AutoIt | autoit | language-autoit |
Bash | bash | language-bash |
BASIC | basic | language-basic |
Batch | batch | language-batch |
Bison | bison | language-bison |
Brainfuck | brainfuck | language-brainfuck |
Bro | bro | language-bro |
C | c | language-c |
C# | csharp | language-csharp |
C++ | cpp | language-cpp |
CoffeeScript | coffeescript | language-coffeescript |
Clojure | clojure | language-clojure |
Crystal | crystal | language-crystal |
Content-Security-Policy | csp | language-csp |
CSS Extras | css-extras | language-css-extras |
D | d | language-d |
Dart | dart | language-dart |
Diff | diff | language-diff |
Django/Jinja2 | django | language-django |
Docker | docker | language-docker |
Eiffel | eiffel | language-eiffel |
Elixir | elixir | language-elixir |
Elm | elm | language-elm |
ERB | erb | language-erb |
Erlang | erlang | language-erlang |
F# | fsharp | language-fsharp |
Flow | flow | language-flow |
Fortran | fortran | language-fortran |
GEDCOM | gedcom | language-gedcom |
Gherkin | gherkin | language-gherkin |
Git | git | language-git |
GLSL | glsl | language-glsl |
GameMaker Language | gml | language-gml |
Go | go | language-go |
GraphQL | graphql | language-graphql |
Groovy | groovy | language-groovy |
Haml | haml | language-haml |
Handlebars | handlebars | language-handlebars |
Haskell | haskell | language-haskell |
Haxe | haxe | language-haxe |
HTTP | http | language-http |
HTTP Public-Key-Pins | hpkp | language-hpkp |
HTTP Strict-Transport-Security | hsts | language-hsts |
IchigoJam | ichigojam | language-ichigojam |
Icon | icon | language-icon |
Inform 7 | inform7 | language-inform7 |
Ini | ini | language-ini |
Io | io | language-io |
J | j | language-j |
Java | java | language-java |
Jolie | jolie | language-jolie |
JSON | json | language-json |
Julia | julia | language-julia |
Keyman | keyman | language-keyman |
Kotlin | kotlin | language-kotlin |
LaTeX | latex | language-latex |
Less | less | language-less |
Liquid | liquid | language-liquid |
Lisp | lisp | language-lisp |
LiveScript | livescript | language-livescript |
LOLCODE | lolcode | language-lolcode |
Lua | lua | language-lua |
Makefile | makefile | language-makefile |
Markdown | markdown | language-markdown |
Markup templating | markup-templating | language-markup-templating |
MATLAB | matlab | language-matlab |
MEL | mel | language-mel |
Mizar | mizar | language-mizar |
Monkey | monkey | language-monkey |
N4JS | n4js | language-n4js |
NASM | nasm | language-nasm |
nginx | nginx | language-nginx |
Nim | nim | language-nim |
Nix | nix | language-nix |
NSIS | nsis | language-nsis |
Objective-C | objectivec | language-objectivec |
OCaml | ocaml | language-ocaml |
OpenCL | opencl | language-opencl |
Oz | oz | language-oz |
PARI/GP | parigp | language-parigp |
Parser | parser | language-parser |
Pascal | pascal | language-pascal |
Perl | perl | language-perl |
PHP | php | language-php |
PHP Extras | php-extras | language-php-extras |
PL/SQL | plsql | language-plsql |
PowerShell | powershell | language-powershell |
Processing | processing | language-processing |
Prolog | prolog | language-prolog |
.properties | properties | language-properties |
Protocol Buffers | protobuf | language-protobuf |
Pug | pug | language-pug |
Puppet | puppet | language-puppet |
Pure | pure | language-pure |
Python | python | language-python |
Q (kdb+ database) | q | language-q |
Qore | qore | language-qore |
R | r | language-r |
React JSX | jsx | language-jsx |
React TSX | tsx | language-tsx |
Ren'py | renpy | language-renpy |
Reason | reason | language-reason |
reST (reStructuredText) | rest | language-rest |
Rip | rip | language-rip |
Roboconf | roboconf | language-roboconf |
Ruby | ruby | language-ruby |
Rust | rust | language-rust |
SAS | sas | language-sas |
Sass (Sass) | sass | language-sass |
Sass (Scss) | scss | language-scss |
Scala | scala | language-scala |
Scheme | scheme | language-scheme |
Smalltalk | smalltalk | language-smalltalk |
Smarty | smarty | language-smarty |
SQL | sql | language-sql |
Soy (Closure Template) | soy | language-soy |
Stylus | stylus | language-stylus |
Swift | swift | language-swift |
TAP | tap | language-tap |
Tcl | tcl | language-tcl |
Textile | textile | language-textile |
Template Toolkit 2 | tt2 | language-tt2 |
Twig | twig | language-twig |
TypeScript | typescript | language-typescript |
VB.Net | vbnet | language-vbnet |
Velocity | velocity | language-velocity |
Verilog | verilog | language-verilog |
VHDL | vhdl | language-vhdl |
vim | vim | language-vim |
Visual Basic | visual-basic | language-visual-basic |
WebAssembly | wasm | language-wasm |
Wiki markup | wiki | language-wiki |
Xeora | xeora | language-xeora |
Xojo (REALbasic) | xojo | language-xojo |
XQuery | xquery | language-xquery |
YAML | yaml | language-yaml |
Một số mẫu tham khảo
Do có nhiều ngôn ngữ, nên mình chỉ tham khảo một số cái quen thuộc để mọi người sử dụng nhé. Còn lại mọi người có thể test
Java Script
<Script Language = "JavaScript">
function HienThi() // Khai báo một hàm tên là HienThi
{
alert(msg.value); // Lấy nội dung trong text box và hiển thị
alert("Bạn hãy nhập vào ô text và thử lại !");
}
</Script>
C++
#include<stdio.h>
#include<conio.h>
void
main ()
{
int a, b;
char dv, chuc, tram;
clrscr ();
printf ("Nhap so bi nhan co 3 chu so a=");
scanf ("%d", &a);
printf ("Nhap so nhan co 3 chu so b=");
scanf ("%d", &b);
dv = b % 10;
chuc = b % 100 / 10;
tram = b / 100;
printf ("\nMo phong phep nhan tay\n\n");
printf ("%20d\n", a);
printf ("%15c%5d\n", 'x', b);
printf ("%20s\n", "-------");
printf ("%20d\n", a * dv);
printf ("%19d\n", a * chuc);
printf ("%18d\n", a * tram);
printf ("%20s\n", "-------");
printf ("%20ld\n", long (a) * b);
getch ();
}
CSS
#include<stdio.h>
a:link, a:visited, a:hover, a:active {
background-color: green;
color: white;
padding: 10px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
Csharp
#include<stdio.h>
a:link, a:visited, a:hover, a:active {
background-color: green;
color: white;
padding: 10px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
Python
#include<stdio.h>
j=[] #Tạo một danh sách rỗng để lưu kết quả
for i in range(2000, 3201): #Duyệt qua tất cả các số trong đoạn từ 2000 đến 3200
if (i%7==0) and (i%5!=0): #Kiểm tra xem số i có chia hết cho 7 và không phải là bội số của 5 không
j.append(str(i)) #Nếu đúng, thì thêm số i vào danh sách result
print (','.join(j)) #In ra màn hình danh sách result, các phần tử cách nhau bằng dấu phẩy
Markup
<div class="row">
<div class="col-md-6 col-md-offset-3">
<h1>Hello World</h1>
</div>
</div>
Clike
/* C demo code */
#include <zmq.h>
#include <pthread.h>
#include <semaphore.h>
#include <time.h>
#include <stdio.h>
#include <fcntl.h>
#include <malloc.h>
typedef struct {
void* arg_socket;
zmq_msg_t* arg_msg;
char* arg_string;
unsigned long arg_len;
int arg_int, arg_command;
int signal_fd;
int pad;
void* context;
sem_t sem;
} acl_zmq_context;
#define p(X) (context->arg_##X)
void* zmq_thread(void* context_pointer) {
acl_zmq_context* context = (acl_zmq_context*)context_pointer;
char ok = 'K', err = 'X';
int res;
while (1) {
while ((res = sem_wait(&context->sem)) == EINTR);
if (res) {write(context->signal_fd, &err, 1); goto cleanup;}
switch(p(command)) {
case 0: goto cleanup;
case 1: p(socket) = zmq_socket(context->context, p(int)); break;
case 2: p(int) = zmq_close(p(socket)); break;
case 3: p(int) = zmq_bind(p(socket), p(string)); break;
case 4: p(int) = zmq_connect(p(socket), p(string)); break;
case 5: p(int) = zmq_getsockopt(p(socket), p(int), (void*)p(string), &p(len)); break;
case 6: p(int) = zmq_setsockopt(p(socket), p(int), (void*)p(string), p(len)); break;
case 7: p(int) = zmq_send(p(socket), p(msg), p(int)); break;
case 8: p(int) = zmq_recv(p(socket), p(msg), p(int)); break;
case 9: p(int) = zmq_poll(p(socket), p(int), p(len)); break;
}
p(command) = errno;
write(context->signal_fd, &ok, 1);
}
cleanup:
close(context->signal_fd);
free(context_pointer);
return 0;
}
void* zmq_thread_init(void* zmq_context, int signal_fd) {
acl_zmq_context* context = malloc(sizeof(acl_zmq_context));
pthread_t thread;
context->context = zmq_context;
context->signal_fd = signal_fd;
sem_init(&context->sem, 1, 0);
pthread_create(&thread, 0, &zmq_thread, context);
pthread_detach(thread);
return context;
}
JSION
{
"glossary": {
"title": "example glossary",
"GlossDiv": {
"title": "S",
"GlossList": {
"GlossEntry": {
"ID": "SGML",
"SortAs": "SGML",
"GlossTerm": "Standard Generalized Markup Language",
"Acronym": "SGML",
"Abbrev": "ISO 8879:1986",
"GlossDef": {
"para": "A meta-markup language, used to create markup languages such as DocBook.",
"GlossSeeAlso": ["GML", "XML"]
},
"GlossSee": "markup"
}
}
}
}
}
Còn nhiều lắm, mọi người tự trải nghiệm thêm nhé. Mình chỉ demo một vài thứ mình hay dùng thôi nè.
Kết luận
Trên đây là những mẫu khung chứa code có nút copy cho Blogspot hỗ trợ đa ngôn ngữ. Nếu bạn có bất kỳ câu hỏi hoặc khiếu nại về quyền sở hữu trí tuệ, hãy để lại ý kiến của bạn bên dưới để chúng tôi biết. Chúc bạn có một ngày học tập và làm việc hiệu quả.